【笔记】JavaScript编码规范- jQuery

标签：javascript

jQuery对象变量使用前缀$

// bad
var sidebar = $('.sidebar');


// good
var $sidebar = $('.sidebar');

缓存jQuery查询

// bad
function setSidebar() {
$('.sidebar').hide();


// ...stuff...


$('.sidebar').css({
'background-color': 'pink'
});
}


// good
function setSidebar() {
var $sidebar = $('.sidebar');
$sidebar.hide();


// ...stuff...


$sidebar.css({
'background-color': 'pink'
});
}

使用级联$(‘.sidebar ul’)或父子$(‘.sidebar > ul’)选择器进行DOM查询。jsPerf在范围内使用find进行jQuery对象查询

// bad
$('ul', '.sidebar').hide();


// bad
$('.sidebar').find('ul').hide();


// good
$('.sidebar ul').hide();


// good
$('.sidebar > ul').hide();


// good
$sidebar.find('ul').hide();

【笔记】JavaScript编码规范- jQuery

标签：javascript

原文地址：http://blog.csdn.net/princeterence/article/details/45866759