Шаг 21.
Библиотека jQuery.
Селекторы. Доступ к элементам DOM

    На этом шаге мы рассмотрим разлчные способы доступа к элементам 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о следующего шага мы начнем рассмотривать события.




Предыдущий шаг Содержание Следующий шаг