首页 > Web开发 > 详细

JQ对象和js对象转换

时间:2019-08-23 11:41:10      阅读:132      评论:0      收藏:0      [点我收藏+]
 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>

 

JQ对象和js对象转换

原文:https://www.cnblogs.com/yuanxiangguang/p/11398750.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!