可搜索项目的 Sizzle 选择器语法模式

Question

我仍在学习如何使用 Sizzle 选择器。到目前为止我知道这一点：

Sizzle('#blah') - 在整个文档中搜索 id 为“blah”的元素。

Sizzle('.blah') - 在整个文档中搜索 css 类为“blah”的元素。

然后今天我发现了这个：

Sizzle('> div') - 在整个文档中搜索“div”标签的元素。 （我可能是错的，但这就是它为我所做的）

这让我思考，还有哪些其他语法可以使用 Sizzle 搜索内容？

Answer 1

> 称为子选择器 用于查找父元素的直接/直接子元素。

示例：

<ul id="ul">
  <li>Child</li>
  <li>Child</li>
  <li>Child</li>
  <li>
      <ul>
         <li>Child Again</li>
         <li>Child Again</li>
         <li>Child Again</li>
      </ul>
  </li>
</ul>

嘶嘶声：

Sizzle('ul#ul > li')

在上面的示例中，子选择器将仅选择带有文本 Child 的直接子级，而不是 Child Again

Answer 2

以下是 Sizzle 支持的选择器的官方参考： http://wiki.github.com/jeresig/sizzle /。但是，正如已经说过的，它的语法与 CSS3 选择器基本相同。

---

这是OP显然要求的链接： http://www.w3.org/ TR/css3-选择器/

Answer 3

几乎所有可以用 css3 实现的选择器都可以用 sizzle 实现。