JQuer物件和js物件的轉換
阿新 • • 發佈:2021-07-07
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"); 2930 $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>