有哪些最佳实践可提高jQuery选择器性能?

为了提高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.”);