Сравнение производительности выбора jQuery

Question

Сравнение производительности выбора jQuery

0

Есть ли разница в производительности между двумя вариантами jQuery, упомянутыми ниже?

jQuery('#someId')

против

jQuery('span#someId')

Примечание. Между "span" и "#someid" нет пробела,

Кроме того, существует ли какая-либо цель или преимущество упоминания типа элемента, такого как "span" перед идентификатором?

Srikanth AD 11 нояб. 2013, в 14:37

Источник

0

Я сомневаюсь, что упоминание элемента перед идентификатором дает много преимуществ, кроме улучшения читабельности вашего кода, т. Е. Если у вас есть $('span#new') то кто-то знает, что код работает с элементом Span , Если вы выполняете поиск по классу, то очевидно, что выгода только в том, чтобы найти пролеты с определенным классом.
Nunners 11 нояб. 2013, в 13:33

Теги:

jquery

performance

2 ответа

1

jQuery('#someId') является eqvivalent для jQuery('span#someId')

Поскольку id уникален, лучше использовать jQuery('#someId').

id всегда относится к уникальному элементу.

jQuery('#someId') → элемент с id someId

jQuery('span#someId') → Элемент Span с id someId

Результат работы - jsperf

jQuery('#someId') работает быстрее

Тест производительности селекторов - jsperf

Tushar Gupta 11 нояб. 2013, в 11:23

1

спасибо за предоставленный результат.
Srikanth AD 11 нояб. 2013, в 13:59
0

@SrikanthAD Добро пожаловать, рады помочь :)
Tushar Gupta - curioustushar 11 нояб. 2013, в 14:01
0

Что за ужасный jsperf - зачем вам выполнять ввод-вывод и вызывать text() если вы хотите измерить производительность селектора?
Esailija 12 нояб. 2013, в 20:03
0

@Esailija Не могли бы вы рассказать, что нужно было сделать для измерения производительности селектора?
Tushar Gupta - curioustushar 13 нояб. 2013, в 01:06
0

@TusharGupta просто селектор, например, $("selector") . После этого кажется разумным, что количество интервалов на странице также влияет на результаты, так что вы также можете изменять их.
Esailija 13 нояб. 2013, в 07:57

Показать ещё 3 комментария

Ещё вопросы

Я сомневаюсь, что упоминание элемента перед идентификатором дает много преимуществ, кроме улучшения читабельности вашего кода, т. Е. Если у вас есть $('span#new') то кто-то знает, что код работает с элементом Span , Если вы выполняете поиск по классу, то очевидно, что выгода только в том, чтобы найти пролеты с определенным классом.
спасибо за предоставленный результат.
@SrikanthAD Добро пожаловать, рады помочь :)
Что за ужасный jsperf - зачем вам выполнять ввод-вывод и вызывать text() если вы хотите измерить производительность селектора?
@Esailija Не могли бы вы рассказать, что нужно было сделать для измерения производительности селектора?
@TusharGupta просто селектор, например, $("selector") . После этого кажется разумным, что количество интервалов на странице также влияет на результаты, так что вы также можете изменять их.

Karl-André Gagnon · Accepted Answer · 2013-11-11T11-49-00.000Z

Похоже, они должны быть одинаковыми, а это не так. Включение только id будет всегда быстрее, потому что jQuery сначала оценивает строку, которую вы передаете, чтобы определить, использует ли она селектор запросов javascript или селектор идентификаторов. Здесь код jQuery revelant.

Этот beign сказал, используя только id всегда будет возвращать 1 элемент, в то время как span#id вернет все элементы.

Проверьте это здесь: http://jsfiddle.net/ZW6Ed/

Конечно, использование только идентификатора происходит быстрее, так как getElementById сканирует DOM и останавливается, когда находит идентификатор, пока querySelector doesnt.

Почему "они должны быть одинаковыми, но это не так"? Поскольку наличие нескольких идентификаторов не является допустимым HTML.