手记

实现jQuery对象跟DOM对象互换

在学习了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对象
4人推荐
随时随地看视频
慕课网APP