document.getElementById в качестве селектора JQuery

Question

Я видел этот шаблон используется в какой-то код ...

currency = $(document.getElementById('currency')); 

Что ожидать функционально эквивалентен ...

currency = $('#currency'); 

Я предполагаю, что идея состоит в том, чтобы сделать селектор быстрее, поскольку ему не нужно разбирать строку выбора ... но действительно ли это делает заметную разницу? Есть ли что-то еще в игре, которую я не рассматривал?

Зачем кому-то использовать этот шаблон?

Answer 1

Внутренне, когда синтаксический анализ селекторной строки прошел, jQuery автоматически обнаруживает, что вы передали селектор id и звонили document.getElementById для вас.

Итак, когда вы выбираете элемент непосредственно перед вызовом jQuery, вы сохраняете только часть синтаксического анализа селектора, но это незначительно для большинства случаев использования.

См source

Answer 2

$(document.getElementById('currency')); не читается, и в конце концов все равно будет getElementById. Вы не увидите его эффекта в большинстве случаев (элемент кэшируется и будет вызываться только один раз).

Answer 3

Нет смысл использовать первый синтаксис - как сделать то же самое (во второй части вы пропустите разбор для JQ-запроса) - также JQ может кэшировать запросы - так просто правильный $ ('# .. ') и сохранить свой код чистый http://jsperf.com/document-getelementbyid-as-jquery-selector

Answer 4

Он использует document.querySelector(), если поддерживается, и если не использует document.getElementById() на мой взгляд, для не Jquery purpopses, document.querySelector() лучше (для меня)

document.querySelector("#id .class > tag.nested"); 

Answer 5

Я видел этот шаблон используется в некоторых коде ...

валюты = $ (document.getElementById ('валюта'));

Что ожидать функционально эквивалентен ...

валюты = $ ('# валюта');

, да. Раньше это было не так, когда IE6 и IE7 все еще были на месте. getElementById в IE7 и ранее был сломан и возвращал элементы с соответствующими name, а также соответствующие id. В jQuery (1.x) встроен интеллект для обработки разбитых старых браузеров. К счастью, Microsoft исправила это в IE8.

Я предполагаю, что идея состоит в том, чтобы сделать селектор быстрее, поскольку он не нуждается в анализе строки выбора ... но действительно ли это делает заметную разницу?

Это, вероятно, имеет реальное значение, но не таким образом, что это означает что-либо воспринимаемое в реальном мире.Единственный способ узнать наверняка - test it на DOM, который является представителем тех, кого вы хотите знать, и в браузерах, на которые вы хотите получить ответ. (JSPerf, похоже, возникли проблемы на данный момент, хотя.)

Here's a test что не использовать представительный DOM предлагая существенную процентную разницу:

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