首頁  >  文章  >  web前端  >  jQuery物件與Javascript物件之間轉換的實例程式碼_jquery

jQuery物件與Javascript物件之間轉換的實例程式碼_jquery

WBOY
WBOY原創
2016-05-16 17:39:50848瀏覽

複製程式碼 程式碼如下:

以下是自己的一些程式設計,希望能多交程式設計的愛好者,如果你也是其中一名,那麼請加好友,大家關註一下,下面的文章是自己覺得一些有用的東西,留下來給自己當筆記,當然也希望能幫助到你,首先感謝你的閱讀~!
  如果我們在用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 是否被選取

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn