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

WEB前端 waitig 362℃ 百度已收录 0评论
jQuery对象不能使用DOM中的方法,但有时在开发的过程中,也会遇到jQuery对象与DOM对象相互转换的时候,jQuery对象转换成DOM对象有以下两种处理方法。
1.jQuery对象是一个类似数组的对象,可以通过[index]的方法得到相应的DOM对象。
jQuery代码如下:
var $box = $("#box");     //jQuery对象
var box = $box[0];        //DOM对象
2.还有jQuery本身提供的,通过get(index)方法得到相应的DOM对象。
jQuery代码如下:
    var $box = $("#box");     //jQuery对象
    var box = $box.get(0);    //DOM对象
DOM对象转成jQuery对象,只需用$()把DOM对象包装起来,就可以获得一个jQuery对象了。方式为$(DOM对象)。
jQuery代码如下:
var box = document.getElementById("box");   //DOM对象
var $box = $(box);                          //jQuery对象
DOM对象转换成jQuery对象后就可以使用jQuery中的方法了。

本文由【waitig】发表在等英博客
本文固定链接:jQuery对象和DOM对象的相互转换
欢迎关注本站官方公众号,每日都有干货分享!
等英博客官方公众号
点赞 (0)分享 (0)