jQuery對象和Javascript對象之間轉(zhuǎn)換的實(shí)例代碼
以下是本人的一些分享,我熱愛編程,希望能多交編程的愛好者,如果你也是其中一名,那么請加好友,大家關(guān)注一下,下面的文章是自己覺得一些有用的東西,留下來給自己當(dāng)筆記,當(dāng)然也希望能幫助到你,首先感謝你的閱讀~!
如果我們在用jQuery作為客戶端頁面的腳本,時(shí)常都會涉及到j(luò)Query對象和Javascript對象的相互轉(zhuǎn)換。因?yàn)?,DOM對象就是Javascript 固有的一些對象操作。DOM 對象能使用Javascript 固有的方法,但是不能使用 jQuery 里的方法。所以,我們廣州達(dá)內(nèi)分享一點(diǎn)點(diǎn)它們之間的轉(zhuǎn)換代碼供大家學(xué)習(xí)及參考。
1. DOM 對象轉(zhuǎn)成 jQuery 對象
對于已經(jīng)是一個(gè) DOM 對象,只需要用 $() 把DOM對象包裝起來,就可以獲得一個(gè) jQuery 對象了,$(DOM 對象)
如: var v = document.getElementById(“v”); //DOM對象
var $v = $(v); //jQuery 對象
轉(zhuǎn)換后,就可以任意使用 jQuery 的方法。
2. jQuery 對象轉(zhuǎn)成 DOM 對象
兩種轉(zhuǎn)換方式講一個(gè) jQuery 對象轉(zhuǎn)換成 DOM 對象: [index] 和 .get(index);
(1) jQuery 對象是一個(gè)數(shù)據(jù)對象,可以通過 [index] 的方法,來得到相應(yīng)的 DOM 對象。
如: var $v = $(“#v”); //jQuery 對象
var v = $v[0]; //DOM 對象
alert(v.checked); //檢測這個(gè)checkbox是否被選中
(2) jQuery 本身提供,通過.get(index) 方法得到相應(yīng)的 DOM 對象
如:var $v = $(“#v”); //jQuery 對象
var v = $v.get(0); //DOM對象 ( $v.get()[0] 也可以 )
alert(v.checked); //檢測這個(gè) checkbox 是否被選中
相關(guān)文章
基于jquery的loading效果實(shí)現(xiàn)代碼
基于jquery的loading效果實(shí)現(xiàn)代碼,需要的朋友可以參考下。2010-11-11基于jquery實(shí)現(xiàn)省市聯(lián)動特效
這篇文章主要介紹了基于jquery實(shí)現(xiàn)省市聯(lián)動特效,感興趣的小伙伴們可以參考一下2015-12-12jQuery實(shí)現(xiàn)選項(xiàng)卡切換效果簡單演示
這篇文章為大家分享了一款jQuery實(shí)現(xiàn)選項(xiàng)卡切換簡單演示效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-12-12jquery實(shí)現(xiàn)在頁面加載的時(shí)自動為日期插件添加當(dāng)前日期
這篇文章主要介紹了通過jquery實(shí)現(xiàn)在頁面加載的時(shí)自動為日期插件添加當(dāng)前日期,需要的朋友可以參考下2014-08-08Jquery實(shí)現(xiàn)點(diǎn)擊按鈕,連續(xù)地向textarea中添加值的實(shí)例代碼
本篇文章主要是對Jquery實(shí)現(xiàn)點(diǎn)擊按鈕,連續(xù)地向textarea中添加值的實(shí)例代碼進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-03-03jquery animate動畫持續(xù)運(yùn)動的實(shí)例
下面小編就為大家分享一篇jquery animate動畫持續(xù)運(yùn)動的實(shí)例,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-11-11