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对象

转载于:https://www.cnblogs.com/caofangsheng/p/4481141.html