📜  jQuery | [属性!=值] 选择器(1)

📅  最后修改于: 2023-12-03 14:43:14.822000             🧑  作者: Mango

jQuery | [属性!=值] 选择器

介绍

在 jQuery 中,[属性!=值] 选择器用于选择具有指定属性但不具有特定属性值的元素。这个选择器使用的是CSS3属性选择器。

语法
$("[attribute!=value]")
  • [attribute] :必须指定要选择的属性
  • != :指定属性值不等于给定值
  • value :指定要排除的属性值
示例

假设你有以下的 HTML 代码:

<div id="myDiv" title="Hello World!">This is my div.</div>

要选择所有不带 "title" 属性的 div 元素,可以使用以下的选择器:

$("div[title!=]")

要选择所有带有 "title" 属性但属性值不等于 "Hello" 的 div 元素,可以使用以下的选择器:

$("div[title!='Hello']")
注意事项
  • 属性值必须用引号括起来,除非属性值是数字或布尔值。
  • 属性名是大小写敏感的。
  • 当属性值为 null 或 undefined 时,它们不会被选择。
  • 当使用属性选择器时,jQuery会搜索文档中的每个元素,这可能会导致性能问题。因此,应该尽量减少使用属性选择器。