dom对象和jQuery对象相互转换简单介绍

我心飞翔 分类:实例代码

在实际应用中,可能会遇到dom对象与jQuery对象相互转换。

本章节就通过简短的代码实例介绍一下如何实现此操作。

一.jQuery对象转换为dom对象:

所谓的jQuery对象其实是一个类数组对象,可以使用索引获取对象中的每一个dom元素。

代码如下:

var $jq=$("#antzone");//jQuery对象
var dom=$jq[0]//DOM对象

上面的代码实现了转换效果,使用get()方法也能够实现转换:

var $jq=$("#antzone");//jQuery对象
var dom=$jq.get(0)//DOM对象

get()方法可以参阅jQuery get()一章节。

二.dom对象转换为jQuery对象:

转换为jQuery对象非常的简单,只要使用$转换一下即可,代码如下:

var dom=document.getElementById("antzone");
var $jq=$(dom)

回复

我来回复
  • 暂无回复内容