当前位置:编程学习 > C/C++ >>

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++ ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,