JQuery学习笔记---jquery对象和DOM对象的关系

1.DOM（Document  Object Model,文档对象模型）。DOM树 { html (head&&body),  head(meta && title) , body( h,p,ui),  ul(li...) }

2.Jquery对象：JQuery对象就是通过jquery包装DOM对象后产生的对象，JQuery对象是jquery独有的。

3.JQuery对象和DOM对象的相互转换。

声明变量的风格，DOM变量  。如：var variable=DOM对象；

JQuery变量。如： var $variable=Jquery对象；

3.1 JQuery对象转成DOM对象，有两种方法，[index]和get(index)。  如：

var $test = $("#test");  //Jquery对象

var test = $test[0];     //DOM对象  （将$testjquery对象转化为DOM对象，通过[index]方法来转化）

var test1 = $test.get(0); //DOM对象，（将$test 对象转化为DOM对象，通过get(index)方法来实现）

3.2 Dom对象转化成JQuery对象，使用$(DOM对象)，就可以转化。

var domTest = document.getElementById("domTest");  //DOM对象

var $domTest = $(domTest);   //JQuery对象