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

2015-06-30 11:14:06 +08:00
 sciooga
3315 次点击
所在节点    问与答
14 条回复
q84629462
2015-06-30 11:25:13 +08:00
我觉得吧,要匹配上千上万个.e元素再谈效率吧,不然执行时间的差别都只是误差
loading
2015-06-30 11:38:02 +08:00
同意 @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
页面里没超过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 = =什么问题

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/202107

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX