代码之家 › 专栏 › 技术社区 › Maksim Vi.

jQuery什么更快:选择器还是方法?

jquery-selectors performance jquery

Maksim Vi. · 技术社区 · 15 年前

假设我有 $('mySelector:first'); 和 $('mySelector').first(); . 哪种方式最有效?我查了一下来源,但还是搞不清楚。

在第一种情况下,jQuery会遍历每个项,直到得到第一个项:

CHILD: function( elem, match ) {
        var type = match[1],
        node = elem;
        switch ( type ) {
            ...
         case "first":
          while ( (node = node.previousSibling) )  {
           if ( node.nodeType === 1 ) { 
            return false; 
           }
          }
          if ( type === "first" ) { 
           return true; 
          }
          node = elem;
                ...
        }
}

在第二种情况下,jQuery会对集合进行切片,但我不确定它有多高效:

function first() {
  return this.eq( 0 );
};

function eq( i ) {
  return i === -1 ?
    this.slice( i ) :
    this.slice( i, +i + 1 );
};

4 回复 | 直到 15 年前

Community Mohan Dere 9 年前

目前接受的答案与 tests across many browsers 比较 :first 和 :eq(0) 到 .first() 和 .eq(0) .

对于当前主要的桌面浏览器:
$('foo').first() 几乎比 $('foo:first')

如果你想检查方法, here are the tests and their current results .

methodin 15 年前

第二个必须在获取第一个之前获取选择器中的所有项。因此,如果选择器是10000个项目,那么它将从该组中获取所有10000个项目,然后从该组中获取第一个项目。我希望第一个在这方面会更好,因为它会在搜索时过滤(并在第一个被发现后停止)。不过,在大多数情况下可能是微不足道的。

当然,如果您是链接函数,那么这可能是不可避免的:

$('.someclass').addClass('otherClass').first().addClass('firstClass');

shamittomar 15 年前

在我的测试中, $('mySelector:first'); 是更快比 $('mySelector').first();

你也可能对 this ;

xandy 15 年前

比较 $('li:first') 到 $('li').first() ,我打赌第一个一定更快。例如,在包含100个锂 ,然后第二个查询将简单地构建一个包含100个项的列表,然后从中返回第一个项;另一方面,第一个查询将在返回第一个li后立即停止。

即使查询是由浏览器本机处理的,它仍然比第一个查询占用更多的内存。

推荐文章

Sweepy Dodo · JSON lite的格式化

1 年前

Merlin Nestler · 为什么索引中的列顺序在这种情况下会产生如此大的影响?

1 年前

giantjenga · 优化整数向量到二进制向量的转换

1 年前

Adriaantje · Powershell版本的cut-d在处理大文件时速度很慢,我是否错过了快速的方法?

1 年前

Costinean Sebastian · 如何优化使用for循环处理大型数组的MATLAB脚本的执行时间?"

1 年前

Zegarek · Postgresql递归查询未提供预期结果

1 年前

Joe · 为什么这两个查询之间的性能存在如此大的差异?

2 年前

tic-toc-choc · 在`dplyr中高效使用列表进行过滤`

2 年前

Mohan · 是否有一种更快的方法来编写代码,从1:N中提取许多随机样本?

2 年前

user2980746 · 在C#字典中键入xyz对的最有效方法是什么?

2 年前