为了提高jQuery选择器的性能,您需要执行优化。以下是一些技巧:
缓存选择器
缓存可增强应用程序的性能。缓存jQuery选择器以获得更好的性能。可以使用ID作为选择器来完成。例如,这将缓存选择器并将其存储在变量中。
var $elm = $("#elm");
代替使用jQuery ID选择器,使用$elm变量:
var $elm = $("#elm"); $elm.addClass(‘example’);
使用ID选择器
jQuery是一个JavaScript库。在JavaScript中,document.getElementById()用于选择HTML元素,这是最快的方法。由于jQuery是在JavaScript之上编写的,因此它将调用JavaScript函数来完成任务。在jQuery中使用ID作为选择器,会调用document.getElementById(),因此请始终尝试使用ID选择器。
避免重复选择器
不要重复选择器并使用链接在单个调用中链接多个方法。假设以下是代码:
这是优化的版本:
$("div").css({"color", "blue", "font-size", "12px"}).text("This is demo text.”);