javascript - 存储 JQuery 选择器

Question

是否有关于如何存储实际 JQuery 选择器的最佳实践？不是它们返回的内容，而是选择器字符串本身。我们的项目中有大量选择器，我希望为它们提供一个位置或一个对象，以便我可以在需要时快速编辑它们。

类似这样的事情:

LazySelectors = {
    candidate_photo : function() {
        return "#super-duper-selector";
    }
};

然后在许多地方或不同的脚本中引用它，例如:

$(LazySelectors.candidate_photo()).magic();

我在 JSpref 上对此进行了测试，它的速度要快一些。有什么最佳实践或建议吗？

Answer 1

我通常这样做:

jQuery(function(){
    LazySelectors  = {
        lazyFormSelector:"#lazyForm",
        createButtonSelector:"#lazyCreateButton",
        idSomeLevel:-1,
    }
    jQuery.extend(SomeOtherObject.LazyObject,LazySelectors);
})

并将整个 LazySelectors 对象保存在不同的 .js 文件中。

您可以像这样使用它:$(SomeOtherObject.LazyObject.lazyFormSelector)

另一件事:据我所知(这里我可能是错的)，从性能的 Angular 来看，最好缓存“包装”的 DOM 元素，否则你会每次执行 $(SomeOtherObject.LazyObject.lazyFormSelector)

时都会遍历 DOM