Jquery选择器性能建议？

Question

我有一个非常大的单个html页面。我正在对该页面执行数据操作。我想知道Jquery选择器是否有最好的方法。 像

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

上面的语句在我的HTML页面中搜索标签，因为我的HTML非常大。是否有任何表现提示？

代表：

哪一个更快？

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

或

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

Answer 1

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

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

Answer 2

按ID搜索是最快的dom搜索。这可能名义上更快：

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

Answer 3

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