Jquery代码优化
(1)选对选择器:
快的选择器:ID/标签选择器,因为jquery内部会自动调用浏览器的原生方法,(如:getElementByID,,,);
较慢的选择器:class值选择器。取决不同的浏览器,有些浏览器有原生方法getElementByClassName(),但是一些浏览器没有。
最慢的选择器:伪类选择器,属性选择器。没有针对他们的原生方法,但是一些浏览器存在querySelector(),querySelectorAll(),
(2)给定一个DOM对象,然后从中选择一个子元素:
最快:最佳选择是$parent.find('.child')。而且,由于$parent往往在前面的操作已经生成,jQuery会进行缓存,所以进一步加快了执行速度。
(3)不要过度使用jQuery:
jQuery再快也无法和原生javascript相比,所有可以使用原生js的场合,尽量避免使用jQuery.
(4)做好缓存:
jQuery允许使用链式写法,jQuery自动缓存每一步的结果,所以比非链式写法快。
(5)事件委托
利用冒泡事件,子元素的事件会逐级向上冒泡,成为父级元素的事件,利用这点大大简化事件的绑定。
(6)少改dom:
改dom的结构开销很大,减少使用.append(),.insertBefore(),insertAfter();
(7)尽量少生成jQuery对象:
每使用一次选择器,就会生成一个jQuery对象,jQuery是一个很庞大的对象,里面有很多属性和方法。所以尽量少创建jQuery对象。
我觉得差不多讲这么多可以了,其他的你可以找找。

浙公网安备 33010602011771号