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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。