带有属性选择器 jQuery 的类 - JavaScript

jQuery 是一个流行的 JavaScript 库，用于快速、简便的处理 DOM 元素和事件。

在 jQuery 中，属性选择器允许您根据元素的属性来筛选元素。属性选择器使用方括号（[]）来包装要选择的属性名称，并可与其他选择器一起使用来缩小选择范围。

语法

$("[attribute]").action()

上面的代码中，attribute 是要选择的属性的名称，action() 是要对选择的元素执行的动作。

示例

选择具有特定属性值的元素

$("[type='text']").hide();

上面的代码将隐藏所有 type 属性值为 "text" 的元素。

选择具有任何属性值的元素

$("[href]").addClass("link");

上面的代码将为所有具有 href 属性的元素添加 link 类。

选择具有属性名称的元素

$("[data-attr]").show();

上面的代码将显示所有具有以 "data-" 开头命名的属性的元素。

选择具有多个属性值的元素

$("[target='_blank'][rel='noopener']").attr("title", "Opens in a new window");

上面的代码为同时具有 target="_blank" 和 rel="noopener" 属性的元素设置 title 属性。

总结

在 jQuery 中，属性选择器是一种非常有用的选择器，可帮助您快速、简便地筛选元素，根据元素的属性来操作 DOM。无论您正在处理哪种类型的元素或想要执行何种类型的操作，属性选择器都值得一试。