jQuery $(this).find('.e') 与 $('.e', this) 效率是一样的吗？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3444 天前的主题，其中的信息可能已经有所发展或是发生改变。

jquery

效率

this

14 条回复 • 2015-07-01 17:32:54 +08:00

q84629462

2015-06-30 11:25:13 +08:00 via Android

我觉得吧，要匹配上千上万个.e元素再谈效率吧，不然执行时间的差别都只是误差

loading

2015-06-30 11:38:02 +08:00 via Android

同意 @q84629462

有个要注意的是，重复使用的要缓存！

ele=$('.xxx')

ele.xxx;
ele.children('.ccc').hide()

这样效率才叫好。

tini22

2015-06-30 11:43:29 +08:00

吹毛求疵

sciooga

2015-06-30 11:53:57 +08:00

@q84629462
@loading
尽量减少遍历 DOM 缓存是基本的，主要是想了解 .find() 是为了语义化而存在还是真的有所不同。
我能想到一个比较实用的是：$('#Top').css('background','red').find('#q').val('2')
@tini22
我在学习一些新东西的时候好奇心过剩，往往吹毛求疵，我还是看源码去吧~

tini22

2015-06-30 11:58:39 +08:00

把精力用在易读、易维护、代码结构化上，至于效率，只要别太过分，没多大区别的

lk09364

2015-06-30 11:59:54 +08:00

sciooga

2015-06-30 12:26:52 +08:00

@lk09364
这个更有意思，差距这么大
Sizzle选择器引擎表现不太好啊...

sciooga

2015-06-30 12:30:51 +08:00

@sciooga 恩..这些操作应该没有用到 Sizzle 选择器引擎

zythum

2015-06-30 13:04:45 +08:00

$('.e', this) 内部就是调的 $(this).find('.e')

lvfujun

2015-06-30 14:54:02 +08:00

@lk09364
@sciooga 首先告诉你们一件事你们这样测试时间是不准的，一定要分两次测。

FrankFang128

2015-06-30 16:02:31 +08:00 via Android

页面里没超过10万个节点谈什么选择器效率？

myc0210

2015-06-30 18:26:42 +08:00

@sciooga 你要是真的嫌的没事干。你去看浏览器引擎代码吧。我记得这个循环事实上是比不出好坏的。因为你跑过一次$('div a') 你之后在跑根本就不会执行那一大堆。浏览器引擎会优化掉的（某个google大会上面一个搞V8引擎优化的哥们说的）如果你真的TM需要效率你用vanilla js不好？用了jquery还效率效率个没完。也是烦的不行。

lvfujun

2015-06-30 20:46:46 +08:00

@myc0210 vanilla js 23333333333333333333333！

myc0210

2015-07-01 17:32:54 +08:00

@lvfujun = =什么问题