更高效的使用JQuery 这里总结了8个小技巧
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);
JQuery 两种方法解决刚创建的元素遍历不到的问题
刚创建的元素,使用jQuery的each方法来遍历,有时候会不起作用。原因不用多说,经常使用javascript的人应该都会知道,解决方案大致有2种:1、刚创建完
两种方法解决javascript url post 特殊字符转义 + & #
最近在用url传特殊字符的时候发现数据丢失了。其实不是丢失,比如‘+'它会当成连接字符来处理了。一、替换成16进制字符,在这列几个常用的转换+空
jquery跟随屏幕滚动效果的实现代码
我们在很多网站看到,当我们滚动网页时,网页内的广告或某个小区域并不会消失,而是浮动在屏幕的某个地方,特别是一些局域广告。那么这是怎么
编辑:广州明生医药有限公司
标签:遍历,操作,两种,元素,链式