parent vs parentNode

Question

Есть ли разница между следующими селекторами:

var index = $(this).parent().index();
var index2 = $(this.parentNode).index();

Из того, что я прочитал, parentNode широко поддерживается.

Есть ли причина использовать один над другим?

Answer 1

Селектор jQuery .parent() выбирает непосредственного родителя всех узлов в наборе узлов.Однако, поскольку в вашем примере набор узлов - это всего лишь один узел $(this), практическая разница невелика.

Эта разница имеет значение, если бы вы делали что-то вроде $(".foo").parent(), где может быть много узлов,класс foo.

Answer 2

parentNode - это собственный JS, где parent () - нет.

То, что вы делаете в своем коде - это оборачивание элементов DOM в объект jQuery, чтобы вы могли вызывать для него специфичные для jQuery методы.Таким образом, вы не можете вызвать index () только для this.parentNode, но вы можете вызвать его для $ (this.parentNode) .index (), поскольку он стал объектом jQuery.

Ваш первый пример оборачиваеттекущий элемент DOM как объект jQuery, а затем использует метод jQuery parent () для извлечения своего родителя, а затем индекс этого родителя.Ваш второй пример напрямую оборачивает родительский узел.