Какво е 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. |
Публикувано в 4.01.2016 г. 16:44:58 ч.
|
|
|
