[問題] jQuery $('#')與document.getElementbyId

看板Ajax作者 (valda)時間13年前 (2012/08/21 11:26), 編輯推噓1(103)
留言4則, 1人參與, 最新討論串1/2 (看更多)
剛剛google了很久 都是這樣寫"jQuery選擇的包裝集返回的是jQuery對象", "document.getElementByID返回的却是DOM对象" 實在看不懂 自己測試一下 <table id="tbCustmoerInfo" class="client-data"> <thead> <tr> <th> First Name </th> <th> Last Name </th> <th> Phone NO. </th> <th> Address </th> </tr> </thead> <tbody> <tr> <td> XXX </td> <td> EEE </td> <td> 00000 </td> <td> aaaaa </td> </tr> </tbody> </table> console.log($('#tbCustmoerInfo')); 結果:[<table id=?"tbCustmoerInfo" class=?"client-data">…</table>] console.log(document.getElementById("tbCustmoerInfo")); 結果:<table id=?"tbCustmoerInfo" class=?"client-data">…</table> 還是不懂兩個差在那? -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 211.20.105.56

08/21 11:30, , 1F
jquery物件其實就是將dom物件做一層封裝 讓你可以對dom物件
08/21 11:30, 1F

08/21 11:30, , 2F
做dom原生不支援的動作.
08/21 11:30, 2F

08/21 11:32, , 3F
你不能做getElementByID('a').toggle();
08/21 11:32, 3F

08/21 11:32, , 4F
但可以做$(getElementByID('a')).toggle();
08/21 11:32, 4F
文章代碼(AID): #1GCl_eNc (Ajax)
文章代碼(AID): #1GCl_eNc (Ajax)