有什么改善 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.”);

更新于: 2019 年 12 月 9 日

1K+ 阅读

开启你的 职业生涯

完成课程,获得认证

开始
广告