当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jQuery对象与DOM对象之间的几种转换方法介绍

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

2018年12月26日  | 移动技术网IT编程  | 我要评论

猪崽价格,地板公司,爱的鼓励作文

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对象

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网