类别: 属性

CSS 规范允许通过元素的属性来识别它们。尽管一些旧版浏览器不支持通过属性来设置文档样式，但 jQuery 允许您无论使用何种浏览器都能使用它们。

使用以下任何属性选择器时，您应该考虑那些具有多个、以空格分隔值的属性。由于这些选择器将属性值视为单个字符串，因此例如 $("a[rel='nofollow']") 这样的选择器将选中 <a href="example.html" rel="nofollow">Some text</a>，但不会选中 <a href="example.html" rel="nofollow foe">Some text</a>。

选择器表达式中的属性值必须遵循 W3C CSS 选择器规则；一般来说，这意味着除了 有效标识符 之外的任何内容都应该用引号括起来。

  • 单引号内的双引号: $('a[rel="nofollow self"]')
  • 双引号内的单引号: $("a[rel='nofollow self']")
  • 单引号内转义的单引号: $('a[rel=\'nofollow self\']')
  • 双引号内转义的双引号: $("a[rel=\"nofollow self\"]")

您选择哪种变体通常是风格或方便的问题。

注意: 在 jQuery 1.3 中，[@attr] 风格的选择器已被移除（它们在 jQuery 1.2 中已被弃用）。只需从您的选择器中移除“@”符号即可使其再次工作。