在 web 前端开发中，jQuery 是一个非常流行的 JavaScript 库，它简化了 DOM 操作、事件处理、动画效果等任务。选择器是 jQuery 中非常重要的一部分，它可以帮助我们准确地选取页面中的元素，从而方便对其进行操作。
在 jQuery 中，[attribute$=value] 选择器是一种属性选择器，它可以选择具有指定属性值结尾的元素。这种选择器在实际开发中非常有用，可以帮助我们快速地定位到需要操作的元素。接下来，让我们详细了解一下 [attribute$=value] 选择器的用法及示例。
语法
[attribute$=value] 选择器的语法如下：
$("[attribute$=value]")其中，attribute 是要匹配的属性名，value 是要匹配的属性值的结尾部分。当元素的指定属性以 value 结尾时，该元素就会被选中。
示例
假设我们有以下 HTML 结构：
<div class="item" data-id="1">Item 1</div> <div class="item" data-id="2">Item 2</div> <div class="item" data-id="3">Item 3</div> <div class="item" data-id="4">Item 4</div>
如果我们想选取 data-id 属性以 2 结尾的元素，可以这样写：
$(".item[data-id$=2]")上述代码将选中 data-id 属性为 2 的元素，即 <div class="item" data-id="2">Item 2</div>。
除了 data-id 属性，我们还可以选择其他属性以特定值结尾的元素。例如，如果我们想选取 src 属性以 .jpg 结尾的图片元素，可以这样写：
$("img[src$=.jpg]")上述代码将选中 src 属性以 .jpg 结尾的图片元素。
总结
通过 [attribute$=value] 选择器，我们可以方便地选取页面中符合特定属性值结尾条件的元素，从而实现精确的元素选择和操作。在实际开发中，合理运用这种选择器可以提高开发效率，让我们更快地完成页面交互效果的实现。希望本文对你有所帮助，谢谢阅读！