jQuery最佳实践完整篇

2020-05-23 06:08:32易采站长站整理


循环总是一种比较耗时的操作,如果可以使用复杂的选择器直接选中元素,就不要使用循环,去一个个辨认元素。


javascript原生循环方法for和while,要比jQuery的.each()方法快,应该优先使用原生方法。


10. 尽量少生成jQuery对象


每当你使用一次选择器(比如$(‘#id’)),就会生成一个jQuery对象。jQuery对象是一个很庞大的对象,带有很多属性和方法,会占用不少资源。所以,尽量少生成jQuery对象。


举例来说,许多jQuery方法都有两个版本,一个是供jQuery对象使用的版本,另一个是供jQuery函数使用的版本。下面两个例子,都是取出一个元素的文本,使用的都是text()方法。你既可以使用针对jQuery对象的版本:



  var $text = $(“#text”);


  var $ts = $text.text();


也可以使用针对jQuery函数的版本:



  var $text = $(“#text”);


  var $ts = $.text($text);


由于后一种针对jQuery函数的版本不通过jQuery对象操作,所以相对开销较小,速度比较快。


(完)