<form> <input type="text" /> <input type="password" /> <input type="radio" /> <input type="radio" /> </form> <script type="text/javascript"> $(function(){ $(":radio").css("color","red"); }); </script>
结果：
51. :checkbox : 匹配所有复选框
<form> <input type="text" /> <input type="password" /> <input type="checkbox" /> <input type="checkbox" /> </form> <script type="text/javascript"> $(function(){ $(":checkbox").css("color","red"); }); </script>
结果：
52. :submit : 匹配所有提交按钮
<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>
结果：
Button1 Button2
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" checked="checked" /> <input type="checkbox" /> <input type="checkbox" checked="checked" /> </form> <script type="text/javascript"> $(function(){ $(":checked").css("color","red"); }); </script>
60. :selected : 匹配所有选中的option元素
<select> <option value="1">basketball</option> <option value="2" selected="selected">football</option> <option value="3">swim</option> </select> <script type="text/javascript"> $(function(){ $("select option:selected").css("color","red"); }); </script>
结果：
61. $.escapeSelector(selector) : 这个方法通常被用在类选择器或者ID选择器中包含一些CSS特殊字符的时候，这个方法基本上与CSS中CSS.escape()方法类似，唯一的区别是jquery中的这个方法支持所有浏览器。
该选择器在jQuery库3.0版本才开始有
<!--对含有#号的ID进行编码--> <script type="text/javascript"> $(function(){ $.escapeSelector( "#target" ); // "\#target" }); </script>
您可能感兴趣的文章: