Jquery提供两种方法把JQuery对象转换成DOM对象:get(index)或者[index],其实JQuery对象相当于一个数组;而通过$(DOM对象)可以直接把DOM对象转换成JQuery对象
代码:
<html>
<head><title>DOM对象和JQuery对象的转换</title>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js""></script>
<script>
$(function(){
//把Jquery对象转换为DOM对象
$("button:eq(0)").click(function(){
var jq = $("#test");//得到JQuery对象
alert(typeof jq+jq.length);
var dom = jq.get(0);
dom.innerHTML="<p><b>我是转换后的DOM对象输出的HTML</b></p>";
});
//把DOM对象转换为JQuery对象
$("button:eq(1)").click(function(){
var dom = document.getElementById("test");
$(dom).html("<p><b>我是转换后的JQuery对象输出的HTML</b></p>");
});
});
</script>
</head>
<body>
<button>Jquery_to_DOM</button>
<button>DOM_to_Jquery</button>
<div id="test"></div>
</body>
</html>