2：JQuery的DOM对象和JQuery对象

一.  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>