Расширение HTMLElement

Question

с помощью jQuery можно сделать что-то вроде этого: $("div")[5].animate()

Мне кажется, что разработчики каким-то образом расширили HTMLElement, используя prototype.

Myвопрос сейчас: как они это сделали?Так как HTMLElement.prototype не работает в IE, например, мне интересно, есть ли кросс-браузерный метод для прототипирования HTML-элементов.

Спасибо!

Answer 1

функция фабрики jQuery (jQuery() или $()) не возвращает узел DOM .

Функция фабрики jQuery возвращает новую jQuery.init экземпляр, который действует очень похоже на массив.Вместо расширения прототипа любого узла DOM в jQuery.fn

просто добавляется больше функций. Если функция связана с селектором jQuery, она обычно применяется к всем элементам, содержащимся в jQuery..init instance.

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

Answer 2

Вы не можете расширять эти вещи в IE; IE просто не реализует интерфейс DOM таким образом. Вот почему Prototype заставляет вас «оборачивать» элементы, которыми вы хотите манипулировать, этими дополнительными методами.

Answer 3

Обратите внимание, что $('#book') !== document.getElementById('book').
Первый - это объект jQuery, который ссылается на элемент dom и может быть расширен, тогда как второй на самом деле является элементом dom.