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。

jquery对象互转DOM对象方式

上一篇:Sending "devMenu" to all React Native apps failed. Make sure your app is running in the simulator or on a phone connected via USB. info Opening developer menu..


下一篇:CSS3+HTML5特效1 - 上下滑动效果