如果当前jQuery内置的选择器不够用,开发人员也可以扩展jQuery,实现用户自定义的选择器。
如下面创建一个具有绿色背景元素的选择器。
<script> $(function(){ // 通过扩展$.expr[":"]实现自定义选择器 $.expr[":"].greenbg = function(element){ return $(element).css("background-color") === "green"; }; var n = $(":greenbg").length; console.log("There are "+n+" green divs"); }); </script>
对于<div style="width:10;height:10;background-color:green"></div>即可匹配选中。