jquery物件和dom物件是怎樣轉換的?
阿新 • • 發佈:2018-12-05
JQuery物件:
jQuery 物件就是通過 jQuery($()) 包裝 DOM 物件後產生的物件
jQuery 物件是 jQuery 獨有的. 如果一個物件是 jQuery 物件,
那麼它就可以使用 jQuery 裡的方法: $(“#persontab”).html();
jQuery 物件無法使用 DOM 物件的任何方法, 同樣 DOM 物件也不能使用 jQuery 裡的任何方法
約定:如果獲取的是 jQuery 物件, 那麼要在變數前面加上 $.
var $variable = jQuery 物件
var variable = DOM 物件
JQuery 物件轉成 DOM 物件:
jQuery 物件不能使用 DOM 中的方法, 但如果 jQuery 沒有封裝想要的方法, 不得不使用 DOM 物件的時候, 有如下兩種處理方法:
(1) jQuery 物件是一個數組物件, 可以通過 [index] 的方法得到對應的 DOM物件.
(2) 使用 jQuery 中的 get(index) 方法得到相應的 DOM 物件
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="../js/jquery-3.1.1.js"></script> <script> //Jquery物件轉換成DOM物件 通過[index]和get(index) $(document).ready(function(){ var time=document.getElementById("p1"); //DOM物件如何轉化為Jquery物件 var $time=${time}; //將jquery物件轉化為DOM物件 var t=$("#p1")[0]; t=$("#p1").get(0) alert(t.innerText); }); </script> </head> <body> <div id="div1">時間 <p id="p1">昨天</p> <p id="p2">今天</p> <p id="p3">明天</p> </div> </body> </html>