jQuery插件Regular Expression Selector正则表达式选择器

在开发过程中经常需要选择页面元素,如表单等,jQuery提供了大量的元素选择器方法,这里介绍一个 jQuery插件Regular Expression Selector使用正则表达匹配的选择器,它能选择任何标签的元素,只要稍微了解正则表达式,就能非常简单的使用Regular Expression Selector选择任何元素,使用实例如下:

使用说明
需要使用jQuery库文件Regular Expression Selector库文件

使用实例
一,包含文件部分

  1. <script type="text/javascript" src="jquery.js"></script>
  2. <script type="text/javascript" src="jquery.format.js"></script>

二,HTML部分

  1. <input type="button" id="selectNumber" value="test"/>
  2. <div id="test">
  3. <span name="ex-number3digit" style="background:#F99">192</span>
  4. <input name="ex-floatnumber" value="-3.14"/>
  5. <span name="ex-words" style="background:#9F9">This is written in English.</span>
  6. </div>

三,Javascript部分

  1. <script type="text/javascript">
  2. $("#selectNumber").click(function(){
  3. $("#test span:regex(^\\d+$)").each(function(){alert($(this).attr("name"));});
  4. })
  5. </script>

上面实例当点击test按钮后,弹出一个对话框,选择含有数字的所有span标签,如regex(^\\d+$)")
结果为:ex-number3digit

实例二,选择一个只是英文字母的所有标签,如:regex(^[A-Za-z\\s]+$)")

  1. $("#test *:regex(^[A-Za-z\\s]+$)").each(function(){alert($(this).attr("name"));});

上面实例可知,需要了解一些正则表达式的知识,这样使用起来就更加轻松,这个jQuery插件Regular Expression Selector正则表达式选择器的功能才能真正有效的发挥出来。
点我查看jQuery插件Regular Expression Selector正则表达式选择器在线演示