我们在使用 JQuery 的时候,有时需要选择多个属性以指定字符串开头或者包含某些字符串的时候。
比如,我们一个页面中,所有的被罚款人的 input 输入框的 id 或者 name命名规则如下:
都以 beFineMan 开头,然后后面依次加上不同的数字,例如这样
<input id="beFinedMan1" name="beFinedMan1" />
<input id="beFinedMan2" name="beFinedMan2" />
<input id="beFinedMan3" name="beFinedMan3" />
那么,选择所有的被罚款人输入框中的 value,我们就需要使用模糊匹配。
JQuery API 提供的模糊匹配方法常用的有如下几个:
1、选择指定属性值等于给定字符串或以该字符串为前缀(该字符串后跟一个连字符“-” )的元素
(Attribute Contains Prefix Selector [name|="value"]) 例子请见博客底部 例1.
2、选择指定属性具有包含一个给定的子字符串的元素。(选择给定的属性是以包含某些值的元素)
(Attribute Contains Selector [name*="value"] ) 例子请见博客底部 例2.
3、选择指定属性用空格分隔的值中包含一个给定值的元素
(Attribute Contains Word Selector [name~="value"] ) 例子请见博客底部 例3.
4、选择指定属性是以给定值结尾的元素。这个比较是区分大小写的
(Attribute Ends With Selector [name$="value"] ) 例子请见博客底部 例4.
5、选择指定属性是给定值的元素
(Attribute Equals Selector [name="value"]) 例子请见博客底部 例5.
6、选择不存在指定属性,或者指定的属性值不等于给定值的元素
(Attribute Not Equal Selector [name!="value"]) 例子请见博客底部 例6.
7、选择指定属性是以给定字符串开始的元素
(Attribute Starts With Selector [name^="value"]) 例子请见博客底部 例7.
例1:
jQuery( "[attribute|='value']" )
attribute: 一个属性名.
value: 一个属性值,引号是可选的. 可以是一个不带引号的一个单词或带一个引号的字符串。
例&#