Jquery对象和dom对象获取html的方法

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