jQuery对象是通过jQuery包装DOM后产生的对象。jQuery对象可以使用jQuery里的方法,但是不能使用DOM方法。DOM对象是JavaScript固有的一些对象操作。DOM对象能使用JavaScript固有方法,但是不能使用jQuery里的方法。因此,对象间的转换就成为了一种必要。
1.DOM对象转换为JQuery对象
对于一个固有的DOM对象,只需要用$()把DOM对象包装起来。就可以获取jQuery对象,代码如下:
var x = docuen.getElementById("x"); //DOM对象 var $x = $(x); //jQuery对象,前提是当前页面已经引入了JQuery
经过转换,就恶意将次DOM对象当作jQuery对象来使用了。
2.jQuery对象转换为DOM对象
在一些必要的情况下,jQuery对象转换成DOM对象是必要的,在转换过程中有两种方式进行选择:[index]方式和get(index)方式。
(1)jQuery对象是一个数据对象,可以通过[index]的方法来得到相应的DOM对象,代码如下:
var $v=$("#v"); //jQuery对象 var v=$v[0]; //DOM对象
(2)jQuery本身提供的,通过.get(0)方法得到相应的DOM对象,代码如下:
var $v = $("#v"); //jQuery对象 var v = $v.get(0); //DOM对象
通过以上方法,可以任意的相互转换jQuery对象和DOM对象。
关于jQuery的详细介绍,我将在后面的博客中做单独讲解。敬请关注~~~