更高效的使用JQuery 这里总结了8个小技巧

前端之家收集整理的这篇文章主要介绍了更高效的使用JQuery 这里总结了8个小技巧前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1、DOM遍历是昂贵的,将变量缓存起来。

代码如下:

代码如下:

2、优化选择符。

代码如下:
301"> //不推荐 $('div#myid')

代码如下:

3、避免隐式通用选择符。

代码如下:
dio')

代码如下:
dio')

4、避免通用选择符。

代码如下:
*')

代码如下:

5、尽可能保持代码简洁。

代码如下:
0){}

<div class="codetitle"><a style="CURSOR: pointer" data="43323" class="copybut" id="copybut43323" onclick="doCopy('code43323')"> 代码如下:

<div class="codebody" id="code43323">
//推荐
if(arr.length){}

6、尽可能地合并函数

代码如下:

代码如下:

7、尽可能使用链式操作。

代码如下:

代码如下:
}).fadeIn('slow').animate({height:'12px'},500);

8、对DOM元素作大量操作,先分离在追加

代码如下:

猜你在找的jQuery相关文章