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

时间:2010-08-27 15:04:20

标签: jquery-selectors css-selectors sizzle

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

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

Sizzle('.blah') - 使用css类'blah'在整个文档中搜索元素。

然后今天我发现了这个:

Sizzle('> div') - 在整个文档中搜索“div”标记的元素。 (我可能错了,但这就是它为我做的事情)

这让我思考,还有什么其他语法来搜索使用Sizzle的东西?

3 个答案:

答案 0 :(得分:2)

>名为 child selector ,用于查找父元素的直接/直接子元素。

示例:

<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的直接子项

答案 1 :(得分:1)

几乎任何你可以用css3做的选择器都可以用sizzle做。

答案 2 :(得分:1)

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


以下是OP显然要求的链接:http://www.w3.org/TR/css3-selectors/