jQuery选择器和变量

Question

写作中的表现有明显的优势吗？

var e = $("#el");

e.css(...);
e.attr(...);
....
e.click(...);

代替

$("#el").css(...);
$("#el").attr(...);
....
$("#el").click(...);

？

Answer 1

是的,在第一个版本中,您每次都没有再次找到该元素,这总是有一些成本.还有第三种选择,链接:

$("#el").css(...)
        .attr(...)
        .click(...);

这是您将看到的更常见的方法,但每个开发人员的风格各不相同......图书馆的设计考虑了链接.在您的ID选择特定的情况下,成本document.getElementById()是非常最小的,与任何其他选择它更快地增加了.