.css(‘display’, ‘block’)
.css(‘color’, ‘red’)
fadeTo(2, 0.7);
7. 编写属于你的选择器
如果你经常在代码中使用选择器,那么扩展jQuery的$.expr[‘:’]对象吧,编写你自己的选择器。下面的例子中,我创建了一个abovethefold选择器,用来选择不可见的元素:
$.extend($.expr[‘:’], {
abovethefold: function(el) {
return $(el).offset().top < $(window).scrollTop() + $(window).height();
}
});
var nonVisibleElements = $(‘div:abovethefold’); // 选择元素
二、优化DOM操作建议
8. 缓存jQuery对象
将你经常用的元素缓存起来:
var header = $(‘#header’);
var divs = header.find(‘div’);
var forms = header.find(‘form’);
9. 当要进行DOM插入时,将所有元素封装成一个元素
直接的DOM操作很慢。尽可能少的去更改HTML结构。
var menu = ‘<ul id=”menu”>’;
for (var i = 1; i < 100; i++) {
menu += ‘<li>’ + i + ‘</li>’;
}
menu += ‘</ul>’;
$(‘#header’).prepend(menu);
// 千万不要这样做:
$(‘#header’).prepend(‘<ul id=”menu”></ul>’);
for (var i = 1; i < 100; i++) {
$(‘#menu’).append(‘<li>’ + i + ‘</li>’);
}
10. 尽管jQuery不会抛出异常,但开发者也应该检查对象
尽管jQuery不会抛出大量的异常给用户,但是开发者也不要依赖于此。jQuery通常会执行了一大堆没用的函数之后才确定一个对象是否存在。所以在对一个作一系列引用之前,应先检查一下这个对象存不存在。
11. 使用直接函数,而不要使用与与之等同的函数
为了获得更好的性能,你应该使用直接函数如$.ajax(),而不要使用$.get(),$.getJSON(),$.post(),因为后面的几个将会调用$.ajax()。
12. 缓存jQuery结果,以备后来使用
你经常会获得一个javasript应用对象——你可以用App.来保存你经常选择的对象,以备将来使用:
App.hiddenDivs = $(‘div.hidden’);
// 之后在你的应用中调用:
App.hiddenDivs.find(‘span’);
13. 采用jQuery的内部函数data()来存储状态
不要忘了采用.data()函数来存储信息:
$(‘#head’).data(‘name’, ‘value’);
// 之后在你的应用中调用:
$(‘#head’).data(‘name’);
14. 使用jQuery utility函数
不要忘了简单实用的jQuery的utility函数。我最喜欢的是$.isFunction(), $isArray()和$.each()。
15. 为HTML块添加“JS”的class
当jQuery载入之后,首先给HTML添加一个叫”JS”的class










