您的位置:首页 > Web前端 > JQuery

jquery对象互转DOM对象方式

2014-01-19 21:27 169 查看
一、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。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: