Что такое объект jQuery?
--- — это объект, генерируемый путём обёртки объекта DOM через jQuery. Объекты jQuery уникальны для jQuery и могут использовать методы в jQuery.
Как что:
$("#test").html() означает получение html-кода внутри элемента с тестом ID в качестве теста. html() — это метод в jQuery
Этот код эквивалентен реализации кода в DOM:
document.getElementById("id").innerHTML;
Хотя объекты jQuery генерируются с обёрткой DOM-объектов, jQuery не может использовать методы DOM-объектов, как и DOM-объекты не могут использовать методы в jQuery. Случайное использование приведёт к ошибке. Например: $("#test").innerHTML, document.getElementById("id").html() все ошибочны.
Ещё стоит отметить, что использование #id в качестве селектора — это объекты jQuery и объект DOM, полученные через document.getElementById("id"), которые не эквивалентны. См. ниже о преобразовании между этими двумя элементами.
Поскольку jQuery отличается, но также связан, объекты jQuery и объекты DOM также могут преобразовываться друг в друга. Перед преобразованием обоих сначала даём условность: если один объект jQuery, то добавляем $ перед переменной, например: var $variab = объект jQuery; Если вы получаете объект DOM, это то же самое, что и обычно: var variab = объект DOM; Такое соглашение существует лишь для удобства объяснения и различия и не предусмотрено в реальном использовании.
jQuery объект в объект DOM:
Существует два метода преобразования объекта jQuery в объект DOM: [index] и .get(index);
(1) Объект jQuery — это объект данных, который можно получить с помощью метода [index].
Например: var $v =$("#v"); Объект jQuery
var v=$v[0]; Объект DOM
alert(v.checked) // Определяет, отмечена ли эта галочка
(2) Сам jQuery предоставляет соответствующий объект DOM через метод .get(index)
Например: var $v=$("#v"); Объект jQuery
var v=$v.get(0); Объект DOM
alert(v.checked) // Определяет, отмечена ли эта галочка
Объект DOM на объект jQuery:
Для объектов DOM достаточно обернуть объект DOM с помощью $(), чтобы получить объект jQuery. $(объект DOM)
Например: var v=document.getElementById("v"); Объект DOM
var $v=$(v); Объект jQuery
После конвертации вы можете использовать методы jQuery по своему усмотрению.
Используя вышеуказанные методы, можно произвольно преобразовывать объекты jQuery и объекты DOM друг в друга. Следует подчеркнуть, что объекты DOM могут использовать только методы в DOM, а объекты jQuery не могут использовать методы в DOM. |
Опубликовано 04.01.2016 16:44:58
|
|
|
