今天在看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的元素
相关推荐
jquery插件制作一款日期选择器插件，可自定义多种日期选择展示效果，默认显示平铺日期选择器、点击触发日期选择器、设置规定范围时间内日期选择器、点击图标按钮触发日期选择器等。
经过美化的select选择器，简洁方便，值得下载。
可以自由选择查询字段、条件条件、条件值，选择与或关系，包括括号优先的使用。根据查询字段不同，查询条件值的动态改变，如日期控件、下拉框、可输入的文本框。参考使用的童鞋可以再优化下，使之更人性化。 呵呵。...
jQuery日期日历选择器插件自定义多种日期选择. 演示地址：http://www.xwcms.net/js/rqsj/16789.html
主要用于实现Javascript自定义日期时间选择的功能，以提高用户体验。 Javascript的日期选择器工具很多，jQuery插件Datepicker日期选择器功能强大，同时可自定义日期时间配置，调用非常方 便
主要介绍了jQuery创建自定义的选择器用以选择高度大于100的超链接,实例分析了jQuery自定义选择器的使用技巧,非常具有实用价值,需要的朋友可以参考下
选择器
jQuery自定义报警时间轴代码是一款模拟移动报警器时间轴，选择报警类型，自定义设置拖动当日报警时间轴区间，支持全部复制删除一键设置每日报警时间轴代码。
基于jquery实现的地址选择器，支持省、市、区、乡镇、社区5级联动（可自定义配置1-5级联动）
jquery颜色选择器，可以方便的选择颜色，可以用于自定义风格功能中
jQuery选择器：jQuery的Document元素选择 1。 从$开始 2。xpath+css 3。常用自定义选择器
。
。
jQuery移动端多级选择（可自定义）插件，可自定义时间选择，自定义省市区选择等等
非常实用的特效代码，可以完美运行，可以二次修改！
}) 属性选择也可以用组合方式： $(‘a[href^=http] [href*=wangorg]’).addClass(‘abold’) 自定义选择符是JQUERY添加的独有的完全不同的选择符，语法与CSS中的伪类选择符语法相同，即选择符以一个冒号（：）开头...
这是一款基于JavaScript的颜色选择器插件，对于颜色选择器来说，这款插件的功能已经十分完善，我们不仅可以从色谱中选取任意的颜色，而且还可以从自定义色块中快速选取常用的颜色。同时这款颜色选择器还可以输入十六...
这段代码是模仿jquery自定义id选择器的方法，但是因为jquery选择器也是用的这个“$”,如果你引用jquery并且使用这个方法，那么页面就会报错，解决大办法就是修改自己的方法把”$”改成”getId(id)”; 代码如下:ar ...
一款多级联动选择器，可自定义层级