JQuery 模糊匹配(JQuery 选择器模糊匹配、选择指定属性是以给定字符串开始的元素 )

这篇博客详细介绍了JQuery中的模糊匹配方法,包括选择指定属性值以给定字符串开始、结束、包含、以指定值为前缀或后缀等,以及属性不等于特定值的选择器。通过多个示例展示了如何使用这些API来选取和操作DOM元素。
摘要由CSDN通过智能技术生成

我们在使用 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: 一个属性值,引号是可选的. 可以是一个不带引号的一个单词或带一个引号的字符串。

例&#

  • 3
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值