返回小栈
jquery学习手记(2)jQuery对象和DOM对象相互转换
我没2020-01-07 18:06:16

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]);       

0
0