JQ和JS对象之间的转换 

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>JQ和JS对象之间的转换</title>
 6         <script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
 7         <script>
 8             function change(){
 9                 var div1 = document.getElementById("div1");
10                 div1.innerHTML="JS对象改的";
11                 $(div1).html("JS对象变JQ对象啦");
12             }
13             
14             $(function(){
15                 $("#button1").click(function(){
16                 $("#div1").html("JQ对象改的");
17                 var div1 = $("#div1");
18                 div1.get(0).innerHTML="JQ对象变JS对象啦";
19                 div1[0].innerHTML="JQ对象变JS对象啦";
20                 });
21             });
22         </script>
23     </head>
24     <body>
25         <input type="button" id="button1" value="点我使用JS/JQ对象改变div块中的文字内容" onclick="change()"/>
26         <div id="div1">我只是填充物</div>
27     </body>
28 </html>

 

posted @ 2020-04-08 22:29  yxfyg  阅读(191)  评论(0)    收藏  举报