1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>JQ对象和js对象转换</title>
 6 </head>
 7 <body>
 8   <div id="box">嘻嘻嘻嘻嘻嘻</div>
 9 <script  src="js/jquery-3.3.1.js"></script>
10 <script>
11      //01 操作
12      var box= document.getElementById("box");
13      var $box=$("#box")
14      console.log(box)
15      console.log($box)
16    //02 两者不可以互相调用
17   console.log(box.innerHTML="我是一只猫")
18      console.log($box.html())
19    //03转化
20     // js----->Jq
21     var $divChange =$(box);
22      $divChange.html()
23 
24      //jq---js 0代表第几个转化
25     var divchange =$box.get(0)
26     divchange.innerHTML="可爱的猫"
27 </script>
28 </body>
29 </html>