jquery对象和DOM对象的相互转换
jquery对象和DOM对象的相互转换的问题在实际编写代码的过程中是经常遇到的问题,对于这个问题的研究,我们可以先约定好变量的风格:
如果获取的对象是jquery对象,那么在变量前面加上$.如下所示:
[javascript]
var $variable = jquery对象
如果获取的对象是DOM对象,则定义如下:
[javascript]
var variable = DOM对象
下面具体说说jquery对象和DOM对象是如何转换的:
1.jquery对象转换成DOM对象:
jquery对象不能使用DOM中的方法,但是如果对jquery对象所提供的方法不熟悉,或者jquery没有封装想要的方法,不得不使用DOM对象的时候,有以下两种方法:
(1)jquery对象是一个类似数组的对象,可以通过[index]的方法得到相应的DOM对象;
代码如下:
[javascript]
var $axin = $("#axin");//jquery对象
var axin = $axin[0];//DOM对象
(2)通过jquery自身提供的get(index)方法得到相应的DOM对象:
代码如下:
[javascript]
var $axin = $("#axin");//jquery对象
var axin = $axin.get(0);//DOM对象
2.DOM对象转换成jquery对象:
对于DOM对象只需要用$()把DOM对象包装起来就行了
代码如下:
[javascript]
var axin = document.getElementById("axin");//DOM对象
var $axin = $(axin);//jquery对象
最后还要注意的是只有DOM才能使用DOM中的方法,jquery对象不能使用DOM对象中的方法。
补充:软件开发 , C++ ,