📅 最后修改于: 2023-12-03 15:32:12.030000 🧑 作者: Mango
jQuery是一款常用的JavaScript库，可以方便地操作HTML文档，使得开发者可以轻松地创建动态网页。其中，选择器是jQuery最常用的功能之一，它可以让开发者通过CSS选择器语法来查找HTML元素，以便进行后续的操作。
在这里，我们要介绍的是jQuery中的属性选择器之一：[属性$=值]选择器。这个选择器会筛选出属性以特定值结尾的元素。
下面是一个代码示例，我们假设有一个HTML文档，其中有多个<a>元素，我们只想要筛选出其中链接是以".pdf"结尾的元素。
<html>
<head>
<title>jQuery | [属性$=值] 选择器</title>
</head>
<body>
<a href="example.pdf">example1.pdf</a>
<a href="example.doc">example2.doc</a>
<a href="example.pptx">example3.pptx</a>
<a href="https://www.example.com">example website</a>
</body>
</html>
那么，在jQuery中，我们可以这样来完成这个筛选：
$(document).ready(function(){
$("a[href$='.pdf']").css("color","red");
});
上述代码实现了对以".pdf"结尾的所有链接元素字体颜色改为红色的操作，其中$("a[href$='.pdf']")即是[属性$=值]选择器的使用，它筛选出所有href属性以".pdf"结尾的<a>元素。
需要注意的是，这里使用的是CSS选择器语法，"$="表示以某个字符串结尾。其他操作符可以参考如下表格：
| 操作符 | 描述 |
| --- | --- |
| = | 属性值等于给定字符串 |
| != | 属性值不等于给定字符串 |
| ^= | 属性值以给定字符串开始 |
| $= | 属性值以给定字符串结尾 |
| *= | 属性值包含给定字符串 |
| ~= | 属性值包含给定的单词 |
| |= | 属性值以给定字符串开头并且后面跟着连字符或者为空 |
以上是jQuery中的[属性$=值]选择器的使用介绍，希望对大家有所帮助！