jquery 自定义选择器
今天在看JQuery UI的源码时看到$.extend( $.expr[ ":" ]..这样的代码，开始没怎么看懂，后来差了一下相关资料才知道这个是JQuery选择器的扩展接口，使用它可以自定义选择器表达式，并且和JQuery自带的表达式一起使用。
一个简单的例子
(function( $, undefined ) {
$.extend( $.expr[ ":" ], {
myExpr: function( element ) {
return element.id === 'o';
},
});
})( jQuery );这段代码声明了一个':myExpr'的表达式，该表达式查找id为'o'的元素，该表达可以单独使用也可以和其他表达式配合使用，如下面代码
<!doctype html>
<html lang="us">
<head>
<meta charset="utf-8">
<title>test</title>
<script src="js/jquery-1.9.1.js"></script>
</head>
<body>
<div id="t">
<input id="o" type="text"/>
<input id="s" type="text"/>
</div>
<input id="d" type="text"/>
</body>
<script type="text/javascript">
(function( $, undefined ) {
$.extend( $.expr[ ":" ], {
myExpr: function( element ) {
return element.id === 'o';
},
});
})( jQuery );
alert($('#t>:myExpr').length)
</script>
</html>查找id为t元素的子元素下id为o的元素
相关推荐
83510998 2020-08-08
tthappyer 2020-07-25
tztzyzyz 2020-07-05
87281248 2020-07-04
82244951 2020-06-28
89510194 2020-06-27
牵手白首 2020-06-14
开心就好 2020-06-10
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15