jQuery 选择器(61种)整理总结

2020-05-29 07:01:04易采站长站整理


<form>
<input type="submit" />
</form>
<script type="text/javascript">
$(function(){
$(":submit").css("color","red");
});
</script>

结果:

 

53. :image : 匹配所有图像域


<form>
<input type="image"/>
</form>
<script type="text/javascript">
$(function(){
$(":image").css("color","red");
});
</script>

54. :reset : 匹配所重置按钮


<form>
<input type="reset" />
</form>
<script type="text/javascript">
$(function(){
$(":reset").css("color","red");
});
</script>

结果:

55. :button : 匹配所有按钮


<form>
<button>Button1</button>
<button>Button2</button>
</form>
<script type="text/javascript">
$(function(){
$(":button").css("color","red");
});
</script>

结果:

 

56. :file : 匹配所有文件域


<form>
<input type="file" />
</form>
<script type="text/javascript">
$(function(){
$(":file").css("color","red");
});
</script>

57. :enabled : 匹配所有可用元素


<form>
<input type="submit" disabled="disabled" />
<input type="reset" />
</form>
<script type="text/javascript">
$(function(){
$(":enabled").css("color","red");
});
</script>

结果:

  

58. :disabled : 匹配所有不可用元素


<form>
<input type="submit" disabled="disabled" />
<input type="reset" />
</form>
<script type="text/javascript">
$(function(){
$(":disabled").css("color","red");
});
</script>

结果:

  

59. :checked : 匹配所有选中的被选中元素(复选框、单选框等,select中的option),对于select元素来说,获取选中推荐使用 :selected


<form>
<input type="checkbox" name="news" checked="checked" />
<input type="checkbox" name="news" />
<input type="checkbox" name="news" checked="checked" />
</form>
<script type="text/javascript">