绑定完请刷新页面
取消
刷新

分享好友

×
取消 复制
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]);       

分享好友

分享这个小栈给你的朋友们,一起进步吧。

JAVA玩具小屋
创建时间:2019-08-16 16:54:49
分享程序开发方面的小经验,思考一些比较简单易懂的技术问题
展开
订阅须知

• 所有用户可根据关注领域订阅专区或所有专区

• 付费订阅:虚拟交易,一经交易不退款;若特殊情况,可3日内客服咨询

• 专区发布评论属默认订阅所评论专区(除付费小栈外)

栈主、嘉宾

查看更多
  • Yios5092
    栈主

小栈成员

查看更多
  • 栈栈
  • coyan
  • 25minutes
  • ?
戳我,来吐槽~