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>
