Скрытие элемента с помощью jQuery;какой метод я должен использовать и почему?

Question

В чем разница между этими двумя методами?

$("div span").hide();

$("div > span").hide();

Какое влияние на производительность?

Answer 1

Первый будет скрывать все <span> s, найденные в любом месте под <div>.Второй будет скрывать только <span> s, которые являются непосредственными потомками <div>.

jQuery child-selector

Answer 2

С точки зрения производительности, это может зависеть от точного HTML, но я обнаружил, что селектор div > span работает примерно на 30% быстрее в этом jsperf тесте . Это может быть потому, что нужно смотреть только на детей каждого div, а не на весь DOM.

Но в большинстве случаев разницы в скорости, вероятно, недостаточно, чтобы иметь значение.