jquery对象互转DOM对象方式

一、JQuery对象转换成DOM对象。

  JQuery对象不能使用DOM中的方法,如果对JQuery所提供的方法不熟悉,或者JQuery中并没有封装自己想要的方法,不得不使用DOM对象的时候,有两种处理方法:  

1、JQuery对象是一个数组对象,可以通过[index]和get(index)得到相应的DOM对象,例如:

var $obj = $("#obj");

var obj = #obj[0];

obj.innerHTML = "转了";

 

2、get(index)方法是Jquery本身提供的,例:

var $obj =$("#obj");

var obj = $obj.get(0);

 

二、 DOM对象转换成JQuery对象

对于一个DOM对象,只需要用$()把DOM对象封装起来,就可以获得一个JQuery对象。方式为$(DOM对象)。

var obj = document.getElementById("obj");

var $obj = $(obj);

转换后,可以任意使用JQuery中的方法。

通过以上的方式,可以讲JQuery对象和DOM对象任意的相互转换。

再次强调,DOM对象才能使用DOM中的方法,JQuery对象不能使用DOM中的方法,反之也一样。但是JQuery对象提供了一套更加完善的工具用于操作DOM。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。