阻止jQuery遍历文档的部分

Question

我在一个大量使用Ajax请求的网站上工作，该请求在DOM中构建基于选项卡的结构。我担心的是，DOM将堆积如此多的选项卡和元素，以至于JQuery选择器最终表现不佳。

有没有办法维护一个大的DOM，但提供了一个“提示”排除某些部分。例如，我想维护DOM中的元素，但只有我的JQuery选择器适用于活动选项卡。

我希望会有某种形式的“忽略”标签的，我可以动态地应用到无源部分

也许是存储在数据字典中的活动标签元素的替代，并把他们进出的DOM，因为它们成为焦点。

Answer 1

可以使用context方法：

）最初传递到jQuery的（该DOM节点上下文;如果没有通过，那么上下文将可能是文档。

http://api.jquery.com/context/

Answer 2

只是提供一个选择器，告诉jquery你想要什么。例如，给每个标签一个id。然后，如果你想获得的所有a标签在news标签：

$("#news a") 

jQuery将随后只知道在#news看。

id查询通常非常有效，因为只有一个元素可以有给定的id。

Answer 3

在您的选择器上，您可以传递一个上下文作为第二个参数来告诉jquery文档的哪部分外观，比如说：​​这样可以减少要查找的节点数量。 参考：http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx#tip9

Answer 4

正如我在评论中说，你用你选择的方式取决于你的代码。但是，如果您最终选择了一个巨大的选择器列表，您可以随时使用任何规则集合filter()。

$elements.filter(function(){ 
    return $(this).parent('.foo').length; // Only elements with parent `.foo` 
});