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。
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匹配文档中所有的li元素,返回一个jQuery对象,然后通过数组下标的方式读取jQuery集合中第1个DOM元素,此时返回的是DOM对象,然后调用DOM属性innerHTML,读取该元素 包含的文本信息
- mui方式获取对象,jquery对象,dom对象添加addEventListener事件
- jQuery对象转换为DOM对象
- js的DOM对象与Jquery对象的区别和转换方法总结
- jQuery对象与dom对象的转换[转]
- JQuery_JQuery对象和DOM对象的区别和转换
- jquery对象和DOM对象的区别
- DOM对象转化成jQuery对象
- dom对象数组与jQuery对象数组的遍历方式
- 详解jQuery对象与DOM对象的相互转换
- jQuery对象与dom对象的转换
- jQuery对象和DOM对象的转换
- JQuery对象和DOM对象的区别
- jQuery对象和DOM对象相互转换
- DOM对象与jQuery对象的相互转换
- DOM对象转换为jQuery对象
- DOM对象和JQuery对象的区别
- jQuery对象与dom对象的转换
- jQuery对象与DOM对象之间的转换
- [转载]jQuery对象和DOM对象【jQuery开发注意点(一)】