一. DOM对象
DOM对象就是一个元素:
<script type="text/javascript"> window.onload = function () { var btn = document.getElementById("btn"); //输出一个DOM对象:<button id="btn">按钮</button> console.log(btn); //输出一个JQuery对象:m.fn.init [button#btn, context: button#btn] console.log($(btn)); } </script>
二. JQuery对象
JQuery对象是一个DOM对象的数组
<script type="text/javascript"> $(function () { //输出一个JQuery对象:m.fn.init [button#btn, context: button#btn] console.log($("#btn")); //输出:m.fn.init [button#btn, context: document, selector: "#btn"] }); </script>
三. DOM对象转换为JQuery对象
可以使用$(DOM对象)将DOM对象转换为JQuery对象:
<script type="text/javascript"> window.onload = function () { var btn = document.getElementById("btn"); //将DOM对象转换为JQuery对象 console.log($(btn)); } </script>
四. JQuery对象转换为DOM对象
可以使用JQuery对象[下标]将JQuery对象转换为DOM对象:
<script type="text/javascript"> $(function () { // 将JQuery对象转换为DOM对象: console.log($("#btn")[0]); //输出:<button id="btn">按钮</button> }); </script>
请登录之后再进行评论