DOM對象和jQuery對象的轉換

一.相互之間的轉換

//dom對象轉化成jquery對象,用$(對象)即可轉化

(說明:下面例中1.需在body中定義標籤,如<p id="clickMe">點擊我</p>2.需引入jquery的js,如:<script type="text/javascript" src="js/jquery-1.7.2.js"></script>)

 window.onload = function()
  {
   var domClickMe = document.getElementById("clickMe");
   var jqueryClickMe = $(domClickMe);
   
   alert("domClickMe.innerHTML="+domClickMe.innerHTML);//DOM對象的屬性
   alert("jqueryClickMe.html()="+jqueryClickMe.html());//jQuery對象的事件
  };

//  //將jquery對象轉化成dom對象,用[]index]區別

 $(document).ready(function()      //經常有人簡寫爲$(function(){ ……下面的代碼片段……………………});   
  {
   var cm = $("#clickMe");
   var domcm = cm[0];  //或者用cm.get(0);   jquery的方法轉化
   
   alert("cm.html()="+cm.html());
   alert("domcm.innerHTML="+domcm.innerHTML);
  }
  );

 

發佈了24 篇原創文章 · 獲贊 17 · 訪問量 36萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章