V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
Sponsored by
ShowMeBug
[福利] V2EXer 专属!在线代码笔面试 20 场
ShowMeBug,专业的在线代码面试平台,助力你快速识别神队友,高效面试不加班。

为了感谢 V2EX 小伙伴们的支持,特地大家提供了福利:ShowMeBug 在线笔面试场次 20 场,限时活动,快邀请你的小伙伴来薅羊毛吧!
Promoted by ShowMeBug
sciooga
V2EX  ›  问与答

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

  •  
  •   sciooga · 2015-06-30 11:14:06 +08:00 · 2686 次点击
    这是一个创建于 2124 天前的主题,其中的信息可能已经有所发展或是发生改变。
    14 条回复    2015-07-01 17:32:54 +08:00
    q84629462
        1
    q84629462   2015-06-30 11:25:13 +08:00 via Android
    我觉得吧,要匹配上千上万个.e元素再谈效率吧,不然执行时间的差别都只是误差
    loading
        2
    loading   2015-06-30 11:38:02 +08:00 via Android
    同意 @q84629462

    有个要注意的是,重复使用的要缓存!

    ele=$('.xxx')

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


    这样效率才叫好。
    tini22
        3
    tini22   2015-06-30 11:43:29 +08:00
    吹毛求疵
    sciooga
        4
    sciooga   2015-06-30 11:53:57 +08:00
    @q84629462
    @loading
    尽量减少遍历 DOM 缓存是基本的,主要是想了解 .find() 是为了语义化而存在还是真的有所不同。
    我能想到一个比较实用的是:$('#Top').css('background','red').find('#q').val('2')
    @tini22
    我在学习一些新东西的时候好奇心过剩,往往吹毛求疵,我还是看源码去吧~
    tini22
        5
    tini22   2015-06-30 11:58:39 +08:00   ❤️ 1
    把精力用在易读、易维护、代码结构化上,至于效率,只要别太过分,没多大区别的
    lk09364
        6
    lk09364   2015-06-30 11:59:54 +08:00   ❤️ 1
    sciooga
        7
    sciooga   2015-06-30 12:26:52 +08:00

    @lk09364
    这个更有意思,差距这么大
    Sizzle选择器引擎表现不太好啊...
    sciooga
        8
    sciooga   2015-06-30 12:30:51 +08:00
    @sciooga 恩..这些操作应该没有用到 Sizzle 选择器引擎
    zythum
        9
    zythum   2015-06-30 13:04:45 +08:00   ❤️ 2
    $('.e', this) 内部就是调的 $(this).find('.e')
    lvfujun
        10
    lvfujun   2015-06-30 14:54:02 +08:00   ❤️ 1
    @lk09364
    @sciooga 首先告诉你们一件事你们这样测试时间是不准的,一定要分两次测。
    FrankFang128
        11
    FrankFang128   2015-06-30 16:02:31 +08:00 via Android   ❤️ 1
    页面里没超过10万个节点谈什么选择器效率?
    myc0210
        12
    myc0210   2015-06-30 18:26:42 +08:00   ❤️ 1
    @sciooga 你要是真的嫌的没事干。你去看浏览器引擎代码吧。我记得这个循环事实上是比不出好坏的。因为你跑过一次$('div a') 你之后在跑根本就不会执行那一大堆。浏览器引擎会优化掉的(某个google大会上面一个搞V8引擎优化的哥们说的)如果你真的TM需要效率 你用vanilla js不好?用了jquery还效率效率个没完。也是烦的不行。
    lvfujun
        13
    lvfujun   2015-06-30 20:46:46 +08:00
    @myc0210 vanilla js 23333333333333333333333!
    myc0210
        14
    myc0210   2015-07-01 17:32:54 +08:00
    @lvfujun = =什么问题
    关于   ·   帮助文档   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2274 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 11:33 · PVG 19:33 · LAX 04:33 · JFK 07:33
    ♥ Do have faith in what you're doing.