jQuery对象与DOM对象的相互转换

系统管理员 2022-06-17 07:44 337阅读 0赞

通过jQuery选择器获取的对象与通过document.getElementById获取的对象是不同类型对象。

使用jQuery获取的对象不能使用DOM中的方法,而DOM对象也不能直接使用jQuery中的方法,例如 $p.html(*)是会报错的。那就涉及到将他们相互转换的问题,那么,如何将他们相互转换呢?

1.jQuery对象转DOM对象

方法一:[index]

(1) jQuery对象是一个数据对象, 可以通过[index] 的方法, 来得到相应的DOM对象。

var $p = $(‘#p-jq’); //jQuery对象

var p = $p[0]; //DOM对象

console.log($p); // 转DOM对象

console.log(p);

运行结果如下:

Center

![Image 1][]

方法二:.get(index) jQuery本身提供

var $p = $('#p-jq'); //jQuery对象

console.log($p); var p = $p.get(0);//get(index) console.log(p); 运行结果同上:

``

``

2.DOM对象转jQuery对象

``

// 对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象)

  1. var div = document.getElementById('div'); console.log(div); // 使用$(dom)方法转jquery对象 var $div=$(div); console.log($div);

运行结果如下:

![Image 1][]

Center 1

[Image 1]:

发表评论

表情:
评论列表 (有 0 条评论,337人围观)

还没有评论,来说两句吧...

相关阅读