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

发布于 2024-09-16 22:48:55 字数 313 浏览 7 评论 0原文

我仍在学习如何使用 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

冬天旳寂寞 2024-09-23 22:48:55

> 称为子选择器 用于查找父元素的直接/直接子元素。

示例:

<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

The > is called child selector and is used to find direct/immediate children of parent elements.

Example:

<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:

Sizzle('ul#ul > li')

In the above example, the child selector will only select direct children that is ones with text Child not Child Again

天涯沦落人 2024-09-23 22:48:55

以下是 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/

一萌ing 2024-09-23 22:48:55

几乎所有可以用 css3 实现的选择器都可以用 sizzle 实现。

pretty much any selector you can do with css3 you can do with sizzle.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文