jquery - 链接事件和 DOM 迭代

Question

下面我有两个 jQuery 选择器。

首先在缓存对象中搜索 DOM 元素，然后搜索其父元素，然后在父元素(表)中搜索另一个 dom 元素。 (例如2)

第二个(2 行)通过缓存元素进行搜索。(例如 1)

    $('element', table.setting.body).on('blur focus', table.focus).parents('parent').find('another element').on('click', function); // ex2

    $('element', table.setting.body).on('blur focus', function); // ex 1
    $('another element', table.setting.body).on('click', function); // ex 1

哪一个更快/最佳实践？
前任。毫无疑问，1 会更快地引用 jQuery 函数，即。 .hide().animate().show() 但是，什么时候搜索 DOM 元素呢？

Answer 1

在我看来，这不是速度问题，而是可维护性和良好编码风格的问题。

这就是示例 1 远远优于示例 2 的地方。

避免混淆并将事物分开。您想要将 2 个事件附加到 2 个不同的元素 - 编写 2 个语句。这使您的代码更加结构化和可读。