1、DOM遍历是昂贵的,将变量缓存起来。
//不推荐 var h = $('#ele').height(); $('#ele').css('height', h-20);
//推荐 var $ele = $('#ele'); var h = $ele.height(); $ele.css('height',h-20);
2、优化选择符。
//不推荐 $('div#myid')
//推荐 $('#myid')
3、避免隐式通用选择符。
//不推荐 $('.someclass :radio')
//推荐 $('.someclass input:radio')
4、避免通用选择符。
//不推荐 $('.container > *')
//推荐 $('.container').children()
5、尽可能保持代码简洁。
//不推荐 if(arr.length > 0){}
//推荐 if(arr.length){}
6、尽可能地合并函数。
//不推荐 $f.on("click", function(){ $(this).css('border','1px solid red'); $(this).css('color','blue'); });
//推荐 $f.on("click", function(){ $(this).css({ 'border':'1px solid red', 'color': 'blue' }); });
7、尽可能使用链式操作。
//不推荐 $ele.html(); $ele.on("click",function(){}); $ele.fadeIn('slow');
//推荐 $ele.on("click",function(){ }).fadeIn('slow').animate({height:'12px'},500);
8、对DOM元素作大量操作,先分离在追加
//不推荐 var $container = $('#somecontainer'); var $ele = $container.first(); .......一系列复杂操作
//推荐 var $container = $('#somecontainer'); var $ele = $container.first().detach(); .......一系列复杂操作 $container.append($ele);
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:notice#nhooo.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。