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

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

$(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>

结果:

 
basketball
 
football
 
swim
 

61. $.escapeSelector(selector) : 这个方法通常被用在类选择器或者ID选择器中包含一些CSS特殊字符的时候,这个方法基本上与CSS中CSS.escape()方法类似,唯一的区别是jquery中的这个方法支持所有浏览器。

该选择器在jQuery库3.0版本才开始有


<!--对含有#号的ID进行编码-->
<script type="text/javascript">
$(function(){
$.escapeSelector( "#target" ); // "#target"
});
</script>