jQuery选择器性能建议？

Question

我有一个很大的HTML页面。 我正在对该页面执行数据操作。 我想知道是否有Jquery选择器的最佳方法。 喜欢

$("#id").text("ABC");

上面的语句在我的HTML页面中搜索标签，因为我的HTML非常大。 有什么性能提示吗？

例如：

哪一个更快？

$(document).on("click", "#contactsTab", callback);

要么

$("#contactsTab").on("click", callback);

Answer 1

如果您要重复使用$("#id") ，我会将其存储在变量中，然后使用它。 否则，您每次都在DOM中搜索该元素。

var $element = $("#id");
$element.text("ABC");

Answer 2

按ID搜索是最快的dom搜索。 从名义上讲，这样做可能会更快：

document.getElementById("id").innerHTML = "ABC";

Answer 3

在所有jQuery选择器性能中，ID选择器应具有最佳性能。 理想情况下，页面上具有该ID的元素不应超过一个。