$(“body”) 使用 Sizzle 引擎吗？

发布于 2024-10-06 17:59:09 字数 89 浏览 8 评论 0原文

我知道 $("#id") 更快，因为它映射到本机 JavaScript 方法。 $("body") 也是如此吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

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

冷情 2024-10-13 17:59:10

不，它不使用 Sizzle，有一个特殊的 $("body") 快捷方式，您可以在此处查看代码：

    // The body element only exists once, optimize finding it
    if ( selector === "body" && !context && document.body ) {
        this.context = document;
        this[0] = document.body;
        this.selector = "body";
        this.length = 1;
        return this;
    }

请注意，这与 $( 不太相同 document.body)，因为 $("body") 的结果上下文是 document，其中 $(document.body) code> （像任何其他 DOM 节点一样）有自己的上下文。

No it does not use Sizzle, there's a special shortcut for $("body") in place, you can see the code here:

    // The body element only exists once, optimize finding it
    if ( selector === "body" && !context && document.body ) {
        this.context = document;
        this[0] = document.body;
        this.selector = "body";
        this.length = 1;
        return this;
    }

Note that this isn't quite the same as $(document.body), as the resulting context of $("body") is document, where as $(document.body) (like any other DOM node) has a context of itself.

回复收藏 0 原文

糖果控 2024-10-13 17:59:10

这直接来自源（代码）：

if ( selector === "body" && !context && document.body ) {
    this.context = document;
    this[0] = document.body;
    this.selector = "body";
    this.length = 1;
    return this;
}

对于除 body 之外的标签

如果您深入研究一下，就会发现如果没有给出上下文，它们将使用 getElementsByTagName 。与使用 Sizzle 引擎相比，这将大大提高性能。

// HANDLE: $("TAG")
} else if ( !context && !rnonword.test( selector ) ) {
    this.selector = selector;
    this.context = document;
    selector = document.getElementsByTagName( selector );
    return jQuery.merge( this, selector );

// HANDLE: $(expr, $(...))
}

This is straight from the source (code):

if ( selector === "body" && !context && document.body ) {
    this.context = document;
    this[0] = document.body;
    this.selector = "body";
    this.length = 1;
    return this;
}

For tags other than body

If you dig a little deeper it turns out they will use getElementsByTagName if no context is given. This will give a nice boost to performance over using the Sizzle engine.

// HANDLE: $("TAG")
} else if ( !context && !rnonword.test( selector ) ) {
    this.selector = selector;
    this.context = document;
    selector = document.getElementsByTagName( selector );
    return jQuery.merge( this, selector );

// HANDLE: $(expr, $(...))
}

回复收藏 0 原文

~没有更多了~