JS基础教程——JavaScript基础知识(1.3对象-1.3.3对象的转换)

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的详细介绍,我将在后面的博客中做单独讲解。敬请关注~~~