JQuery Tips(4)－－－－一些关于提高JQuery性能的Tips

核心提示：如今咱祖国已经崛起了..电脑的配置也是直线上升.可是js的性能问题依然不可小觑..尤其在万恶的IE中..js引擎速度本来就慢..如果JS如果再写不好，客户端多开几个窗口假死肯定是家常便饭了.废话不说了，JQuery Tips(4)－－－－一些关于提高JQuery性能的Tips，下面说说js性能提升的一些小Tips.在选

如今咱祖国已经崛起了..电脑的配置也是直线上升.可是js的性能问题依然不可小觑..尤其在万恶的IE中..js引擎速度本来就慢..如果JS如果再写不好，客户端多开几个窗口假死肯定是家常便饭了.废话不说了，下面说说js性能提升的一些小Tips.

在选择时，最好以ID选择符作为开头

我想这个很好理解，因为JQuery内部使用document.getElementByID方法进行ID选择，这种方法比其他所有对DOM选择的方法更快，所以以$("#")开头是最好的,比如:

<div　id="a">　
　　<div　class="b">　
　　　<div　class="c">　
　　　　　<div　class="d"></div>　
　　　</div>　
　　</div>　
</div>　
　　<script　type="text/javascript">　
　　　　$(".b　.c　.d")//slow　one　
　　　　$("#a　.b　.c　.d")//fast　one　
　　</script>

提供$()的上下文

在使用$()选择页面元素时，提供选择的范围可以减少选择的时间，换句话说，让选择器只在页面的一小片范围内筛选而不是整个页面当然会减少筛选时间，通过在$()函数内提供第二个参数作为上下文可以实现这一点

　　<div　id="test">　
　　　　<div　class="inner">hi</div>　
　　</div>　
　　<script　type="text/javascript">　
　　　　alert($(".inner",　document.getElementById("test")).text());//increase　the　speed　by　provide　context　
　　　　alert($(".inner").text());//traverse　all　the　element　so　that　is　slower　than　above　
　　</script>

编缉推荐阅读以下文章

• JQuery Tips（3）----关于$()包装集内元素的改变
• JQuery Tips(2)----关于$()包装集你不知道的
• JQuery Tips(1)----关于$.Ready()