在开发过程中经常需要选择页面元素,如表单等,jQuery提供了大量的元素选择器方法,这里介绍一个 jQuery插件Regular Expression Selector使用正则表达匹配的选择器,它能选择任何标签的元素,只要稍微了解正则表达式,就能非常简单的使用Regular Expression Selector选择任何元素,使用实例如下:
使用说明
需要使用jQuery库文件和Regular Expression Selector库文件
使用实例
一,包含文件部分
- <script type="text/javascript" src="jquery.js"></script>
- <script type="text/javascript" src="jquery.format.js"></script>
二,HTML部分
- <input type="button" id="selectNumber" value="test"/>
- <div id="test">
- <span name="ex-number3digit" style="background:#F99">192</span>
- <input name="ex-floatnumber" value="-3.14"/>
- <span name="ex-words" style="background:#9F9">This is written in English.</span>
- </div>
三,Javascript部分
- <script type="text/javascript">
- $("#selectNumber").click(function(){
- $("#test span:regex(^\\d+$)").each(function(){alert($(this).attr("name"));});
- })
- </script>
上面实例当点击test按钮后,弹出一个对话框,选择含有数字的所有span标签,如regex(^\\d+$)")
结果为:ex-number3digit
实例二,选择一个只是英文字母的所有标签,如:regex(^[A-Za-z\\s]+$)")
- $("#test *:regex(^[A-Za-z\\s]+$)").each(function(){alert($(this).attr("name"));});
上面实例可知,需要了解一些正则表达式的知识,这样使用起来就更加轻松,这个jQuery插件Regular Expression Selector正则表达式选择器的功能才能真正有效的发挥出来。
点我查看jQuery插件Regular Expression Selector正则表达式选择器在线演示