我还在学习如何使用 Sizzle 选择器。到目前为止,我知道这一点:
Sizzle('#blah')
- 在整个文档中搜索 id 为“blah”的元素。
Sizzle('.blah')
- 在整个文档中搜索具有 css 类“blah”的元素。
然后今天我发现了这个:
Sizzle('> div')
- 在整个文档中搜索“div”标签的元素。(我可能是错的,但这就是它为我做的)
这让我思考,还有什么其他语法可以使用 Sizzle 搜索东西?
我还在学习如何使用 Sizzle 选择器。到目前为止,我知道这一点:
Sizzle('#blah')
- 在整个文档中搜索 id 为“blah”的元素。
Sizzle('.blah')
- 在整个文档中搜索具有 css 类“blah”的元素。
然后今天我发现了这个:
Sizzle('> div')
- 在整个文档中搜索“div”标签的元素。(我可能是错的,但这就是它为我做的)
这让我思考,还有什么其他语法可以使用 Sizzle 搜索东西?
>
称为子选择器,用于查找父元素的直接/直接子元素。
例子:
<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
几乎任何你可以用 css3 做的选择器都可以用 sizzle 做。
以下是 Sizzle 支持的选择器的官方参考:http ://wiki.github.com/jeresig/sizzle/ 。但是,正如已经说过的,它与 CSS3 选择器的语法基本相同。
这是 OP 显然要求的链接:http ://www.w3.org/TR/css3-selectors/