ITPub博客

首页 > > > jquery学习手记(2)jQuery对象和DOM对象相互转换

jquery学习手记(2)jQuery对象和DOM对象相互转换

作者:zhmw 时间:2020-01-07 18:06:16 0 删除 编辑

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

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/69901620/viewspace-3167872/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2018-12-04

  • 博文量
    295
  • 访问量
    9532