有什么改善 jQuery 选择器性能的最佳实践?
您需要进行优化以增强 jQuery 选择器的性能。以下是其中一些技术
缓存选择器
缓存可增强应用程序的性能。为了获得更佳的性能,缓存您的 jQuery 选择器。这可以使用 ID 作为选择器来完成。例如,这会缓存选择器并将其存储在变量中。
var $elm = $("#elm");
使用 $elm 变量,而不是使用 jQuery ID 选择器
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.”);
广告