jQuery 乱用选择器

收藏
JQuery
1
Feb 3, 2018

jQuery 乱用选择器

回答

星辰回答

JQuery选择器调用代价很大,反复调用效率更低。应采用缓存对象的方法或采用链式调用的方式。

 

//错误的写法

$("#button").click(function(){
    $('#list li').addClass('strong');
    $('#list li').css('color', 'red');
});

//正确的写法

$("#button").click(function(){
    $lis = $('#list li');
    $lis.addClass('strong');
    $lis.css('color', 'red');
});

//更好的写法

$("#button").click(function(){
    $('#list li').addClass('strong').css('color', 'red');
});

 

(1)

提交成功