2010-08-27 52 views
0

我还在学习如何使用Sizzle选择器。到目前为止,我知道这一点:可搜索项目的嘶嘶声选择器语法模式

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

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

那么今天我发现这一点:

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

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

回答

1

下面是选择器Sizzle支持的官方参考:http://wiki.github.com/jeresig/sizzle/。但是,如前所述,它基本上与CSS3选择器的语法相同。


而这里的OP显然要求的链接:http://www.w3.org/TR/css3-selectors/

+0

谢谢,我读了那篇文档,看起来很混乱,因为他们结合了不同的模式。我正在寻找“基本”模式的列表。 – Gary 2010-08-27 15:29:39

+0

谢谢,您在其他答案中的w3c的选择器模式列表的链接是我正在寻找的。 – Gary 2010-08-27 15:31:37

+0

@Gary:你是直接使用Sizzle还是使用jQuery?我很好奇。 – 2010-08-27 15:44:22

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') 

在上面的例子中,子选择器将只选择直接的孩子,是那些用文字ChildChild Again

+1

要阐述 - 这嘶嘶声使用语法[CSS选择器]的超集(http://www.w3.org/TR/css3-selectors /)语法。 – 2010-08-27 15:08:44

+0

谢谢你们。 @熊thx的链接,这真的很有帮助! – Gary 2010-08-27 15:30:35

1

几乎任何你选择你n用css3做,你可以用嘶嘶声做。