代码改变世界

jquery对象互转DOM对象方式

2014-01-19 21:27  臭小子1983  阅读(356)  评论(0编辑  收藏  举报

一、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。