我还在学习如何使用Sizzle选择器。到目前为止,我知道这一点:可搜索项目的嘶嘶声选择器语法模式
Sizzle('#blah')
- 在整个文档中搜索id为'blah'的元素。
Sizzle('.blah')
- 用css class'blah'在整个文档中搜索元素。
那么今天我发现这一点:
Sizzle('> div')
- 搜索整个文档,“格”标签的元素。 (我可能是错的,但这就是它为我做的)
这使我思索,有什么其他语法来搜索使用Sizzle的东西?
我还在学习如何使用Sizzle选择器。到目前为止,我知道这一点:可搜索项目的嘶嘶声选择器语法模式
Sizzle('#blah')
- 在整个文档中搜索id为'blah'的元素。
Sizzle('.blah')
- 用css class'blah'在整个文档中搜索元素。
那么今天我发现这一点:
Sizzle('> div')
- 搜索整个文档,“格”标签的元素。 (我可能是错的,但这就是它为我做的)
这使我思索,有什么其他语法来搜索使用Sizzle的东西?
下面是选择器Sizzle支持的官方参考:http://wiki.github.com/jeresig/sizzle/。但是,如前所述,它基本上与CSS3选择器的语法相同。
而这里的OP显然要求的链接:http://www.w3.org/TR/css3-selectors/
的>
被称为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
要阐述 - 这嘶嘶声使用语法[CSS选择器]的超集(http://www.w3.org/TR/css3-selectors /)语法。 – 2010-08-27 15:08:44
谢谢你们。 @熊thx的链接,这真的很有帮助! – Gary 2010-08-27 15:30:35
几乎任何你选择你n用css3做,你可以用嘶嘶声做。
谢谢,我读了那篇文档,看起来很混乱,因为他们结合了不同的模式。我正在寻找“基本”模式的列表。 – Gary 2010-08-27 15:29:39
谢谢,您在其他答案中的w3c的选择器模式列表的链接是我正在寻找的。 – Gary 2010-08-27 15:31:37
@Gary:你是直接使用Sizzle还是使用jQuery?我很好奇。 – 2010-08-27 15:44:22