javascript - 关于变量和选择器的 jQuery 问题

Question

最近，我一直在努力提高性能(有时它有助于提高可维护性)

var objectToReference = $('div .complicated #selector ul:last');

那么 objectToReference 的真正含义是什么？有时事情困扰着我，所以我又开始使用完整的选择器并且它起作用了。

变量是否包含引用、指针等(我不确定这些术语的确切定义)

谢谢

Answer 1

许多人在创建这样的变量时使用的最佳做法是以 $ 开头命名它，以表明它是一个 jquery 对象。因此，您可以将变量命名为 $o，并且可以在它之后直接调用其他 jQuery 链函数，而无需在变量周围放置 $()。

$o.hide();

最好从您正在操作的区域的周围元素开始，以避免搜索整个文档。例如，要获取文档单个部分中的所有链接(无需搜索整个文档):

var $o = $('#mysection');
var $links = $('a', $o); // equiv to $o.find('a')

最后，通过 jQuery 传回 jQuery 对象永远不会有坏处:

$o === $($o)

这有一个很好的副作用——您可以编写一个接受以下任何参数作为参数的函数:一个选择器、一个元素或一个 jQuery 对象:

function myFunc(e) {
    var $e = $(e);
}
// All of the following will work:
myFunc('#mysection');
myFunc(document.getElementById('mysection'));
myFunc($('#mysection a'));