欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery对象与DOM对象之间的几种转换方法介绍

程序员文章站 2022-04-13 17:43:02
jquery对象是包装dom对象后产生的,但是两者却不能混用,dom对象才能使用dom方法,jquery对象才能使用jquery方法,以下介绍两者转换的方法: jquery对象转成dom对象: (1...

jquery对象是包装dom对象后产生的,但是两者却不能混用,dom对象才能使用dom方法,jquery对象才能使用jquery方法,以下介绍两者转换的方法:

jquery对象转成dom对象:

(1)jquery对象实际上是一个数据对象,可以通过[index]方法获得相应的dom对象。

如:var $v=$("#v"); //得到jquery对象

var v=$("v")[0];//转换成dom对象

(2)jquery本身可以通过.get(index)方法得到相应的dom对象

如:var $v=$("#v"); //得到jquery对象

var v=$v.get(0);

dom对象转成jquery对象:

对于已经是一个dom对象,只需要用$()将dom对象包装起来,就能获得jquery对象了

如:var v=document.getelementbyid("v"); //得到dom对象

var $v=$(v); //转成jquery对象

转换后,就可以任意使用jquery的方法了

以下方法都正确:

$("#p").html();

$("#p")[0].innerthml;

$("#p").eq(0)[0].innerhtml;

$("#p").get(0).innerhtml;

$(document.getelementbyid("p")).html()

平时在使用过程中可以在变量前面加$以区分dom对象和jquery对象,添加$的为jquery对象,没有的则为dom对象