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

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

首页博文目录关于我

个人资料

微博

加好友发纸条

写留言加关注

博客等级：
博客积分：

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

正文字体大小：大中小

jquery性能优化28条（三）

(2011-12-23 14:22:06)

标签：

jquery

it

分类： jquery那些事

7. 编写属于你的选择器

如果你经常在代码中使用选择器，那么扩展jQuery的$.expr[':']对象吧，编写你自己的选择器。下面的例子中，我创建了一个abovethefold选择器，用来选择不可见的元素：

1

2

3

4

5

6

$.extend($.expr[':'],
{

abovethefold: 
function(el)
{

return 
$(el).offset().top < $(window).scrollTop() +
$(window).height();

}

});

var 
nonVisibleElements = $('div:abovethefold');

// 选择元素

二、优化DOM操作建议

8. 缓存jQuery对象

将你经常用的元素缓存起来：

1

2

3

var 
header = $('#header');

var 
divs = header.find('div');

var 
forms = header.find('form');

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

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

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

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