{site_name}

{site_name}

🌜 搜索

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 属性以 "瓜" 结尾的元素,从而匹配了 "西瓜"。