Що таке об'єкт 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
|
|
|
