jquery - ID 与 Var 与 find 函数

Question

哪个更快

 <div class="box"><div id="inside"></div></div>

 jquery 

  var div_obox = $('.box');
  var div_Ibox = div_obox.find("#inside") or var div_Ibox = $("#inside");

只是想知道哪个更快，我知道使用 ID 是最快的，但我猜即使使用变量也会快得多。

我期待着，因为它已经在第一个语句中找到了 .box 元素，因此浏览器可以使用 find 轻松找到 #inside 元素 函数。正如我们所指定的，它存在于 .box 内部，如果我在这里使用 id，我想它需要重新从头开始搜索过程。让我知道 Id 与 var 与 find 函数的比较。谢谢

Answer 1

$("#inside") 比 div_obox.find("#inside") 和 $('.box > #inside' 更快) 因为在第一种情况下，jQuery 可能并且确实使用 document.getElementById 并且所有浏览器都维护 id 和相关元素之间的直接映射。

来自源代码:

    // Shortcuts
    if ( (match = rquickExpr.exec( selector )) ) {
        // Speed-up: Sizzle("#ID")
        if ( (m = match[1]) ) {
            if ( nodeType === 9 ) {
                elem = context.getElementById( m );

如果没有逻辑原因(即检查元素是否存在于 DOM 的特定部分)，切勿向 '#id' 选择器添加任何内容。