jquery性能优化28条（二）_real小辉侠

http://blog.sina.com.cn/u/2046684565

首页博文目录关于我

个人资料

微博

加好友发纸条

写留言加关注

博客等级：
博客积分：

博客访问：
关注人气：
获赠金笔：0支
赠出金笔：0支
荣誉徽章：

正文字体大小：大中小

jquery性能优化28条（二）

(2011-12-23 14:09:04)

标签：

jquery

性能优化

it

分类： jquery那些事

5. 采用find()，而不使用上下文查找

.find()函数的确快些。但是如果一个页面有许多DOM节点时，需要来回查找时，可能需要更多时间:

1

2

3

var 
divs = $('.testdiv',

'#pageBody');

// 2353 on Firebug 3.6

var 
divs = $('#pageBody').find('.testdiv');

// 2324 on Firebug 3.6 - The best time

var 
divs = $('#pageBody
.testdiv');

// 2469 on Firebug 3.6

6. 利用强大的链式操作

采用jQuery的链式操作比缓存选择器更有效：

1

2

3

4

$('li.menu-item').click(function

() {alert('test
click');})

                     .css('display',

'block')

                     .css('color',

'red')

                     fadeTo(2,

0.7);

阅读┊ 收藏 ┊ 喜欢 ▼ ┊打印┊举报/Report

前一篇：jquery性能优化28条（一）

后一篇：jquery性能优化28条（三）

新浪BLOG意见反馈留言板　欢迎批评指正