jquery - 在将函数绑定(bind)到目标元素之前，是否应该测试目标元素是否存在？

Question

这是一个很简单的问题。想象一下，在我的网页的索引上，有一个元素，我们称之为 #newsletter，它绑定(bind)了一个 jquery 事件。我网站的其他子页面上不存在此元素。现在，在我的 javascript 文件中，我应该将绑定(bind)限制为仅当元素存在时(用户位于索引上)，还是 jquery 自动执行此操作？

实际上，我现在所拥有的是:在我的 .js 文件中，该函数绑定(bind)到所有子页面上的该元素，即使该元素在那里不存在。这是一个问题吗？

Answer 1

不，从错误的角度来看，这不会是一个问题，因为如果没有元素与您指定的选择器匹配，jQuery 不会抛出异常等。

但是，这可能是一个性能问题，具体取决于您的选择器表达式的复杂程度以及您在没有这些元素的页面上进行的其他此类 jQuery 调用的数量。如果很多，您可能需要进一步拆分 JS 脚本，并在每个页面仅加载相关的脚本。