jquery学习手记（2）jQuery对象和DOM对象相互转换

DOM对象

DOM文档对象模型，每一份DOM都可以表示成一棵树。

• 可以通过js中的getElementById或者getElementById来获取DOM对象。
• DOM对象可以使用js中的方法。

示例如下：

Var domobj=document.getElementbyName(“name”);

Var objhtml=domobj.innerhtml;

 

Jquery对象

Jquery对象就是通过jquery封装DOM对象后产生的对象。

Jquery对象是jquery独有的。如果一个对象是jquery对象，那么就可以是jquery里的方法，但无法使用DOM对象的任何方法。

 

如果获取的是jQuery对象，那么我们在变量前面加上$，如：

var  $variable   =   jQuery 对象 ;

如果获取的是DOM对象，则这么定义：

var  variable    =   DOM对象;

jquery对象转换成DOM对象

方法1：jquery对象是一个数组对象，可以通过[index]方法得到相应的DOM对象

         var $li = $("li");

var li =$(li[0]);  

方法2：使用jquery本身的get(index)方法获得DOM对象

         var $li = $("li");

    var li =$li.get(0);

DOM对象转换成jquery对象

方式为： $（DOM对象）

    var li = document.getElementsByTagName("li");

         var $li = $(li[0]);