Chaining events and DOM iteration

Question

Below I've got two jQuery selectors.

The first searches for a DOM element within a cached object and then searches its parents, then it seaches the parents (table) for another dom element. (ex. 2)

The second (2 lines) searches via the cached element. (ex. 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

Which one is faster/best practice?
Ex. 1 would without doubt be faster reffering to jQuery functions, ie. .hide().animate().show() but, when is it when searching for DOM elements?

Answer 1

In my opinion this is less a question of speed but more a question of maintainability and good coding style.

And that is where Example 1 is far better than Example 2.

Avoid confusion and keep things separated. You want to attach 2 events to 2 different element - write 2 statements. This makes your code far more structured and readable.