JQuer对象和js对象的转换 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <script src="js/jquery-3.3.1.min.js"></script>
 6     <title>JQuer对象和js对象的转换</title>
 7 </head>
 8 <body>
 9 
10         <div id="div1">div1....</div>
11         <div id="div2">div2....</div>
12 
13         <script>
14             //1.通过js方式来获取名称叫div的所有html元素对象
15             var divs=document.getElementsByTagName("div");
16             alert(divs.length);
17             //对divs中所有的div让其标签体内容变成aaa
18             for(var i=0;i<divs.length;++i){
19                // divs[i].innerHTML="aaa";
20                 $(divs[i]).html("ccc");
21             }
22 
23 
24             //2.通过jq方式来获取名称叫div的所有html元素对象
25             var $divs=$("div");
26             alert($divs.length);
27             //对divs中所有的div让其标签体内容变成bbb
28            // $divs.html("bbb");
29 
30             $divs[0].innerHTML="ddd";
31             $divs.get(1).innerHTML="eee";
32 
33             /*
34               jq与js对象方法不通用
35               *jq->js:jq对象[索引]或者jq对象.get(索引)
36               *js->jq:$(js对象)
37              */
38 
39         </script>
40 </body>
41 </html>

 

posted @ 2021-07-07 09:26  丁帅帅dss  阅读(43)  评论(0)    收藏  举报