На этом шаге мы рассмотрим разлчные способы доступа к элементам DOM.
Все селекторы и большинство методов jQuery возвращают объект jQuery. Чаще всего это именно то, что нам требуется, так как позволяет пользоваться преимуществами неявной итерации и составлять цепочки методов.
Тем не менее, бывают моменты, когда необходимо получить прямой доступ к элементу DOM. Например, нам может потребоваться обеспечить доступность отобранных элементов для другой библиотеки JavaScript или, возможно, обратиться к имени тега элемента, доступному в виде свойства элемента DOM. Для таких редких случаев в библиотеке jQuery имеется метод .get(). Чтобы получить доступ к первому элементу DOM, на который ссылается объект jQuery, мы можем вызвать метод .get(0). Чтобы обратиться к элементу DOM внутри цикла, можно использовать вызов .get(index). Узнать имя тега элемента с id="my-element" можно, как показано ниже:
var myTag = $('#my-element').get(0).tagName;
Для еще большего удобства библиотека jQuery предоставляет более краткую версию метода .get(). Вместо строки, что приводится выше, мы можем записать приведенную ниже, в которой используются квадратные скобки сразу вслед за селектором:
var myTag = $('#my-element')[0].tagName;
Эта синтаксическая конструкция не случайно выглядит, как массив элементов DOM - квадратные скобки, как напильник, обдирают обертку jQuery, позволяя добраться до списка узлов, при этом индекс (в данном случае 0) играет роль пинцета, с помощью которого извлекается требуемый элемент DOM.
Cо следующего шага мы начнем рассмотривать события.
