jquery 性能优化的一些总结

1.缓存对象：

通常我们在项目中多次去取jquery对象时，会存在一些性能上的问题：

如：

  self.get_container().attr("deleted",false); 
  self.get_container().find(".deleteTr").removeClass("hasClickDel");
  self.get_container().find(".deleteTr").find(".tip_box").css("display","none");
  self.get_container().find(".deleteTr").removeClass("deleteTr");

 

多次通过find方法去查找一个jquery 对象，造成性能上的浪费，可以采用以下方法，将juqery 对象进行缓存

  self.get_container().attr('deleted',false);
  var $target = self.get_container().find(".deleteTr");
  $target.removeClass("hasClickDel").find(".tip_box").css("display","none");
  $target.removeClass("deleteTr");

2.限制范围

jQuery选择器中可以给定一个范围，即在特定的范围中查找，这样即可以提高效率，也可以尽量地避免不必要的重名查找。
jQuery( selector, context );

普通方式：
$('.myClass')
优化方式：
$('.myClass' , $("#id") )

 

3.尽量优先使用id  替代 class

当文档结构复杂时，使用id 的效率会更高。