博客 - JS/Ajax/AS

写高质量的jQuery

看了一篇关于jQuery性能提升的文章,十分认同,总结一下(原文一共是十点,我省略了一部分):

1.尽量只用id选择器和标签选择器,比如jQuery(“#selector”)、jQuery(“TagName”),减少class选择器的使用,避免伪类选择器和属性选择器。

2.查找子节点时推荐使用find,比如jQuery(“body”).find(“p”)。

3.利用delegate将事件委托,例如给一个长列表逐个绑定事件,就可以使用delegate。delegata方法请参看jQuery API。

4.尽量减少DOM结构的改动(如.append()、.insertBefore()和.insetAfter()),避免不了也要记得先合并再一次性插入,大范围的DOM结构改动,可以利用detach方法先取出,操作好之后再插入。detach方法请参看jQuery API。

5.循环,尽量使用js原生的for或while,减少使用jQuery的each方法。

原文比较详细的并以数据说明了造成性能问题的原因,有兴趣就马上猛击过去了解。

标签:

4 条评论 发表在“写高质量的jQuery”上

  1. 皇家元林

    JQ还是不会。。学起来真难

    [回复]

    heluyao

    jQuery上手还是相对容易的,慢慢来吧~呵呵

    [回复]

  2. soiso

    我们交换下链接吧。我已经加了。

    [回复]

写下您的看法

  • :em18:
  • :em12:
  • :em03:
  • :em08:
  • :em06:
  • :em05:
  • :em07:
  • :em15:
  • :em11:
  • :em16:
  • :em01:
  • :em17:
  • :em10:
  • :em13:
  • :em14:
  • :em02:
  • :em09:
  • :em04:

仅支持“a、abbr、strong、em、blockquote、code”几个简单的标签

使用腾讯微博登陆 使用新浪微博登陆