jquery对象跟DOM对象的相互转换

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

jquery对象和DOM对象的相互转换的问题在实际编写代码的过程中是经常遇到的问题，对于这个问题的研究，我们可以先约定好变量的风格：

如果获取的对象是jquery对象，那么在变量前面加上$.如下所示：

var $variable = jquery对象

如果获取的对象是DOM对象，则定义如下：

var variable = DOM对象

下面具体说说jquery对象和DOM对象是如何转换的：

1.jquery对象转换成DOM对象：

jquery对象不能使用DOM中的方法，但是如果对jquery对象所提供的方法不熟悉，或者jquery没有封装想要的方法，不得不使用DOM对象的时候，有以下两种方法：

（1）jquery对象是一个类似数组的对象，可以通过[index]的方法得到相应的DOM对象；

代码如下：

var $axin = $("#axin");//jquery对象
var axin = $axin[0];//DOM对象

（2）通过jquery自身提供的get(index)方法得到相应的DOM对象：

代码如下：

var $axin = $("#axin");//jquery对象
var axin = $axin.get(0);//DOM对象

2.DOM对象转换成jquery对象：

对于DOM对象只需要用$()把DOM对象包装起来就行了

代码如下：

var axin = document.getElementById("axin");//DOM对象
var $axin = $(axin);//jquery对象

最后还要注意的是只有DOM才能使用DOM中的方法，jquery对象不能使用DOM对象中的方法。