可搜索项目的 Sizzle 选择器语法模式
我仍在学习如何使用 Sizzle 选择器。到目前为止我知道这一点:
Sizzle('#blah')
- 在整个文档中搜索 id 为“blah”的元素。
Sizzle('.blah')
- 在整个文档中搜索 css 类为“blah”的元素。
然后今天我发现了这个:
Sizzle('> div')
- 在整个文档中搜索“div”标签的元素。 (我可能是错的,但这就是它为我所做的)
这让我思考,还有哪些其他语法可以使用 Sizzle 搜索内容?
I'm still learning how to use Sizzle selector. So far I know this:
Sizzle('#blah')
- searches the entire document for element(s) with id 'blah'.
Sizzle('.blah')
- searches the entire document for element(s) with css class 'blah'.
Then today I found this:
Sizzle('> div')
- searches entire document for elements of 'div' tags. (I could be wrong but that's what it is doing for me)
Which makes me ponder, what other syntax are there to search for stuff using Sizzle??
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
>
称为子选择器 用于查找父元素的直接/直接子元素。示例:
嘶嘶声:
在上面的示例中,子选择器将仅选择带有文本
Child
的直接子级,而不是Child Again
The
>
is called child selector and is used to find direct/immediate children of parent elements.Example:
Sizzle:
In the above example, the child selector will only select direct children that is ones with text
Child
notChild Again
以下是 Sizzle 支持的选择器的官方参考: http://wiki.github.com/jeresig/sizzle /。但是,正如已经说过的,它的语法与 CSS3 选择器基本相同。
这是OP显然要求的链接: http://www.w3.org/ TR/css3-选择器/
Here's the official reference on which selectors Sizzle supports: http://wiki.github.com/jeresig/sizzle/. But, as has already been said, it's basically the same syntax as CSS3 selectors.
And here's the link the OP was apparently asking for: http://www.w3.org/TR/css3-selectors/
几乎所有可以用 css3 实现的选择器都可以用 sizzle 实现。
pretty much any selector you can do with css3 you can do with sizzle.