提升 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 函数来完成任务。使用 ID 作为 jQuery 中的选择器,会调用 document.getElementById(),因此,请始终尝试使用 ID 选择器。
避免重复选择器
不要重复选择器,而是使用链式,在一个调用中对多个方法进行链接。假设有以下代码
以下是经过优化的版本
$("div").css({"color", "blue", "font-size", "12px"}).text("This is demo text.”);
广告