jQuery對象和Javascript對象之間轉換的執行個體代碼

來源:互聯網
上載者:User

複製代碼 代碼如下:以下是本人的一些分享,我熱愛編程,希望能多交編程的愛好者,如果你也是其中一名,那麼請加好友,大家關注一下,下面的文章是自己覺得一些有用的東西,留下來給自己當筆記,當然也希望能協助到你,首先感謝你的閱讀~!
  如果我們在用jQuery作為用戶端頁面的指令碼,時常都會涉及到jQuery對象和Javascript對象的相互轉換。因為,DOM對象就是Javascript 固有的一些對象操作。DOM 對象能使用Javascript 固有的方法,但是不能使用 jQuery 裡的方法。所以,我們廣州達內分享一點點它們之間的轉碼供大家學習及參考。

  1. DOM 對象轉成 jQuery 對象

  對於已經是一個 DOM 對象,只需要用 $() 把DOM對象封裝起來,就可以獲得一個 jQuery 對象了,$(DOM 對象)

  如: var v = document.getElementById(“v”); //DOM對象

  var $v = $(v); //jQuery 對象

  轉換後,就可以任意使用 jQuery 的方法。

  2. jQuery 對象轉成 DOM 對象

  兩種轉換方式講一個 jQuery 對象轉換成 DOM 對象: [index] 和 .get(index);

  (1) jQuery 對象是一個資料對象,可以通過 [index] 的方法,來得到相應的 DOM 對象。

  如: var $v = $(“#v”); //jQuery 對象

  var v = $v[0]; //DOM 對象

  alert(v.checked); //檢測這個checkbox是否被選中

  (2) jQuery 本身提供,通過.get(index) 方法得到相應的 DOM 對象

  如:var $v = $(“#v”); //jQuery 對象

  var v = $v.get(0); //DOM對象 ( $v.get()[0] 也可以 )

  alert(v.checked); //檢測這個 checkbox 是否被選中

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.