jQuery 选择器 [attribute$=value] 是一种用于在 HTM
▥前端
𝄐 0
jquery attr和prop的区别,jquery attr获取属性值,jquery attr获取不到,jquery attribute,jquery attr设置了没生效,jquery attr data
jQuery 选择器 [attribute$=value] 是一种用于在 HTML 文档中选择具有指定属性和以特定值结尾的元素的方法。其中,
- attribute 表示要匹配的属性名
- $= 表示属性值以指定值结尾的匹配符号
- value 表示要匹配的属性值
以下是一个例子:
html
<ul>
<li class="item">苹果</li>
<li class="item" data-name="西瓜">西瓜</li>
<li class="item" data-name="香蕉">香蕉</li>
<li class="item" data-name="橙子">橙子</li>
</ul>
使用 [data-name$=子串] 选择器可以选取 data-name 属性以 "子串" 结尾的所有元素,例如:
javascript
// 选取 data-name 属性以 "子串" 结尾的元素
$("li[data-name$='果']") // 匹配:苹果
$("li[data-name$='瓜']") // 匹配:西瓜
上面的例子中,[data-name$='果'] 选择器选取了 data-name 属性以 "果" 结尾的元素,从而匹配了 "苹果";同样地,[data-name$='瓜'] 选择器选取了 data-name 属性以 "瓜" 结尾的元素,从而匹配了 "西瓜"。
jQuery 选择器 [attribute$=value] 是一种用于在 HTML 文档中选择具有指定属性和以特定值结尾的元素的方法。其中,
- attribute 表示要匹配的属性名
- $= 表示属性值以指定值结尾的匹配符号
- value 表示要匹配的属性值
以下是一个例子:
html
<ul>
<li class="item">苹果</li>
<li class="item" data-name="西瓜">西瓜</li>
<li class="item" data-name="香蕉">香蕉</li>
<li class="item" data-name="橙子">橙子</li>
</ul>
使用 [data-name$=子串] 选择器可以选取 data-name 属性以 "子串" 结尾的所有元素,例如:
javascript
// 选取 data-name 属性以 "子串" 结尾的元素
$("li[data-name$='果']") // 匹配:苹果
$("li[data-name$='瓜']") // 匹配:西瓜
上面的例子中,[data-name$='果'] 选择器选取了 data-name 属性以 "果" 结尾的元素,从而匹配了 "苹果";同样地,[data-name$='瓜'] 选择器选取了 data-name 属性以 "瓜" 结尾的元素,从而匹配了 "西瓜"。
本文地址:
/show-270127.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。