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