高效jquery(一)

jquery+javascript 辰辰 4430℃ 4评论

jquery是现在最常用的js框架了,非常简便,但是代码的质量也是有高有低,如何高质量的写出代码,下面总结一下,一下内容有来源于网络搜集。

 

选择捷径

 // 糟糕
if(collection.length > 0){..}

// 建议
if(collection.length){..}

熟记技巧

 // 糟糕
$('#id').data(key,value);

// 建议
$.data('#id',key,value);

精简javascript

 // 糟糕
$first.click(function(){
    $first.css('border','1px solid red');
    $first.css('color','blue');
});

// 建议
$first.on('click',function(){
    $first.css({
        'border':'1px solid red',
        'color':'blue'
    });
});

避免多个id选择符

 // 糟糕
$('#div #con');

// 建议
$('#con');

优化选择符

 // 糟糕
$('div#div');
$('div#div a.address');

// 建议
$('#div');
$('#div .address');

转载请注明:辰辰个人博客 » 高效jquery(一)

喜欢 (35)or分享 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(4)个小伙伴在吐槽
  1. 文章不错支持一下吧
    头条新闻2017-12-11 10:59 回复
  2. :eek: :roll: :neutral: :lol:
    安抚啊2017-02-03 15:04 回复
  3. 重新学习jquery。
  4. 这块要学习下,优化效率,同时有让写出来的代码看得更加舒服点!
    教室网2016-07-26 11:33 回复