jquery Learning Notes---the relationship between jquery objects and Dom objects

1.DOM (Document Object model). Dom Tree {html (head&&body), head (Meta && title), Body (H,p,ui), UL (Li ...)}

2.Jquery objects: JQuery objects are objects that are created after wrapping a DOM object through jquery, and jquery is unique to jquery.

3.JQuery objects and Dom objects are converted to each other.

Declare the style of the variable, DOM variable. such as: Var Variable=dom object;

jquery variable. such as: Var $variable =jquery object;

3.1 jquery objects are turned into DOM objects, there are two methods, [index] and get (index). Such as:

var $test = $ ("#test"); jquery Object

var test = $test [0]; Dom Object (Convert $testjquery object to DOM object, convert by [index] method)

var test1 = $test. Get (0); Dom object, (converts the $test object to a DOM object, implemented by the Get (index) method)

3.2 Dom objects are converted to jquery objects, using $ (DOM object) to convert.

var domtest = document.getElementById ("Domtest"); Dom Object

var $domTest = $ (domtest); jquery Object

jquery Learning Notes---the relationship between jquery objects and Dom objects