Jquery对象和dom对象获取html的方法
2017-09-12 14:39
274 查看
1)DOM对象
var domObj = document.getElementById("id"); //DOM对象
domObj.innerHTML;//
domObj.outerHTML;//
2)jQuery对象
var
$obj = $("#id"); //jQuery对象;
$("#foo").html();//相当于dom对象的innerHTML
$
obj.prop('outerHTML'); //相当于dom对象的outerHTML
3)DOM对象转换成JQuery对象
var
$cr=$("#cr"); //jquery对象
var cr = $cr[0]; //dom对象
也可写成:
var
cr=$cr.get(0);
4)JQuery对象转换成DOM对象
var
cr=document.getElementById("cr"); //dom对象
var $cr = $(cr); //转换成jquery对象
详细请参考:
http://www.cnblogs.com/yellowapplemylove/archive/2011/04/19/2021583.html
https://jingyan.baidu.com/article/7f41ececf93b48593d095c25.html
var domObj = document.getElementById("id"); //DOM对象
domObj.innerHTML;//
domObj.outerHTML;//
2)jQuery对象
var
$obj = $("#id"); //jQuery对象;
$("#foo").html();//相当于dom对象的innerHTML
$
obj.prop('outerHTML'); //相当于dom对象的outerHTML
3)DOM对象转换成JQuery对象
var
$cr=$("#cr"); //jquery对象
var cr = $cr[0]; //dom对象
也可写成:
var
cr=$cr.get(0);
4)JQuery对象转换成DOM对象
var
cr=document.getElementById("cr"); //dom对象
var $cr = $(cr); //转换成jquery对象
详细请参考:
http://www.cnblogs.com/yellowapplemylove/archive/2011/04/19/2021583.html
https://jingyan.baidu.com/article/7f41ececf93b48593d095c25.html
相关文章推荐
- jquery 学习(四) 获取标签中的值||text()与html的区别,以及jquery对象与dom对象的转换
- 怎样用jQuery自带方法/函数来获取outerHTML属性
- 使用JQuery获取html中的原始对象
- 2011-10-21 09:29 jquery attr()方法 添加,修改,获取对象的属性值
- 转: JQuery this和$(this)的区别及获取$(this)子元素对象的方法
- jQuery对象与DOM对象之间的转换方法
- jquery获取对象,ajax写法,jquery ready方法,常用函数
- html的dom对象转JQuery对象
- 根据xid获取 X5 组件对象 和HTML标签dom对象
- dom对象与jQuery对象的区别(使用实例方法)
- JQuery获取$(this)子节点对象的方法
- jQuery 获取当前节点的html包含当前节点的方法
- jQuery对象与DOM对象之间的转换方法
- JQuery index方法获取Jquery对象的数组下标
- jquery获取触发方法的对象
- jquery对象和dom对象的区别以及转换方法
- jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
- JQUERY 获取当前焦点对象属性, jquery attr()方法 添加,修改,获取对象的属性值。
- mui选择器和dom获取元素的区别(记得把mui对象转为dom对象才能调用用dom方法)
- Jquery获取table中的行和列以及列中对象方法