分类：属性选择器

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\"]")

您选择的变化一般和代码风格和方便有关联的。

注意: 在jQuery1.3中，[@attr]样式选择器被移除了（他们在jQuery 1.2中以前不建议使用）。 简单地从你的选择器中删除“@”符号，以使他们重新工作。