ITPub博客

首页 > IT职业 > IT生活 > 实现jQuery对象跟DOM对象互换

实现jQuery对象跟DOM对象互换

IT生活 作者:yuanxueming 时间:2021-09-09 08:59:46 0 删除 编辑

在学习了jQuery之后,我们知道jQuery对象中无法使用DOM对象的任何方法,当然DOM对象中也不允许使用jQuery对象的方法。

jQuery对象转成DOM对象

第一种方法:可以通过[index]方法得到对应的DOM对象

jQuery代码如下:
var $oDiv=$("div");//jQuery对象
var oDiv=$oDiv[0];//DOM对象

第二种方法:可以通过get(index)方法来得到对应的DOM对象
jQuery代码如下:

var $oDiv=$("div");//jQuery对象
var oDiv=$oDiv.get(0);//DOM对象
DOM对象转成jQuery对象

DOM对象转成jQuery对象只需要用$()将DOM对象包装起来即可
jQuery代码如下:

var oDiv=document.getElementsByTagName("div")[0];//DOM对象
var $oDiv=$(oDiv);//jQuery对象

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

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

注册时间:2019-07-25

  • 博文量
    89
  • 访问量
    818