1. 程式人生 > >自定義Jquery選擇器

自定義Jquery選擇器

如果當前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>即可匹配選中。