資訊專(zhuān)欄INFORMATION COLUMN
摘要：原文地址對(duì)象和對(duì)象的區(qū)別對(duì)象和對(duì)象使用說(shuō)明，需要的朋友可以參考下。同樣，對(duì)象也不能使用方法。學(xué)習(xí)開(kāi)始就應(yīng)當(dāng)樹(shù)立正確的觀念，分清對(duì)象和對(duì)象之間的區(qū)別，之后學(xué)習(xí)就會(huì)輕松很多的。
原文地址：http://www.cnblogs.com/yellow...
DOM對(duì)象和JQuery對(duì)象的區(qū)別jQuery對(duì)象和DOM對(duì)象使用說(shuō)明，需要的朋友可以參考下。
jQuery對(duì)象和DOM對(duì)象
第一次學(xué)習(xí)jQuery,經(jīng)常分辨不清哪些是jQuery對(duì)象，哪些是 DOM對(duì)象，因此需要重點(diǎn)了解jQuery對(duì)象和DOM對(duì)象以及它們之間的關(guān)系.
DOM對(duì)象，即是我們用傳統(tǒng)的方法(javascript)獲得的對(duì)象，jQuery對(duì)象即是用jQuery類(lèi)庫(kù)的選擇器獲得的對(duì)象;
復(fù)制代碼 代碼如下:
var domObj = document.getElementById("id"); //DOM對(duì)象
var $obj = $("#id"); //jQuery對(duì)象;
jQuery對(duì)象就是通過(guò)jQuery包裝DOM對(duì)象后產(chǎn)生的對(duì)象，它是jQuery獨(dú)有的。如果一個(gè)對(duì)象是jQuery對(duì)象，那么就可以使用jQuery里的方法，例:
$("#foo").html(); //獲取id為foo的元素內(nèi)的html代碼，html()是jQuery特有的方法;
上面的那段代碼等同于:
document.getElementById("foo").innerHTML;
注意：在jQuery對(duì)象中無(wú)法使用DOM對(duì)象的任何方法。
例如$("#id").innerHTML 和$("#id").checked之類(lèi)的寫(xiě)法都是錯(cuò)誤的，可以用$("#id").html()和$("#id").attr ("checked")之類(lèi)的 jQuery方法來(lái)代替。同樣，DOM對(duì)象也不能使用jQuery方法。學(xué)習(xí)jQuery開(kāi)始就應(yīng)當(dāng)樹(shù)立正確的觀念，分清jQuery對(duì)象和DOM對(duì)象之間的區(qū)別，之后學(xué)習(xí) jQuery就會(huì)輕松很多的。
在上面第一點(diǎn)說(shuō)了，jquery對(duì)象和dom對(duì)象是不一樣的！比如jquery對(duì)象不能使用dom的方法，dom對(duì)象不能使用jquery方法，那假如我 jquery沒(méi)有封裝我要的方法，那能怎么辦呢？
這時(shí)我們可以將jquer對(duì)象轉(zhuǎn)換成dom對(duì)象
jquery對(duì)象轉(zhuǎn)換成 dom對(duì)象
jquery提供了兩種方法將一個(gè)jquery對(duì)象轉(zhuǎn)換成一個(gè)dom對(duì)象，即[index]和get(index)?？赡苡腥藭?huì)覺(jué)得奇怪，怎么是用下標(biāo)呢，沒(méi)錯(cuò)，jquery對(duì)象就是一個(gè)數(shù)組對(duì)象.
下面代碼將演示一個(gè)jquery對(duì)象轉(zhuǎn)換成dom對(duì)象，再使用dom對(duì)象的方法
復(fù)制代碼 代碼如下:
var $cr=$("#cr"); //jquery對(duì)象
var cr = $cr[0]; //dom對(duì)象 也可寫(xiě)成 var cr=$cr.get(0);
alert(cr.checked); //檢測(cè)這個(gè)checkbox是否給選中
dom對(duì)象轉(zhuǎn)換成jquery對(duì)象
對(duì)于一個(gè)dom對(duì)象，只需要用$()把dom對(duì)象包裝起來(lái)，就可以獲得一個(gè)jquery對(duì)象了，方法為$(dom對(duì)象);
復(fù)制代碼 代碼如下:
var cr=document.getElementById("cr"); //dom對(duì)象
var $cr = $(cr); //轉(zhuǎn)換成jquery對(duì)象
轉(zhuǎn)換后可以任意使用jquery中的方法了.
通過(guò)以上的方法，可以任意的相互轉(zhuǎn)換jquery對(duì)象和dom對(duì)象.
最后再次強(qiáng)調(diào)，dom對(duì)象才能使用dom中的方法，jquery對(duì)象不可以使用dom中的方法，但 jquery對(duì)象提供了一套更加完善的工具用于操作dom,關(guān)于jquery的dom操作將在后面的文章進(jìn)行詳細(xì)講解.
ps: 平時(shí)用到的jquery對(duì)象都是通過(guò)$()函數(shù)制造出來(lái)的，$()函數(shù)就是一個(gè)jquery對(duì)象的制造工廠.
建議:如果獲取的對(duì)象是 jquery對(duì)象，那么在變量前面加上$,這樣方便容易識(shí)別出哪些是jquery對(duì)象,例如:
var $variable = jquery對(duì)象; 如果獲取的是dom對(duì)象，則定義如下: var variable = dom對(duì)象
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/81030.html
摘要：一初步了解介紹由創(chuàng)建于年一月的開(kāi)源項(xiàng)目，憑借著跨平臺(tái)的兼容性，簡(jiǎn)潔的語(yǔ)法，極大的簡(jiǎn)化了人員遍歷文檔，操作，處理事件，執(zhí)行動(dòng)畫(huà)，和開(kāi)發(fā)的操作。只建立一個(gè)名為的對(duì)象。對(duì)發(fā)生在同一個(gè)對(duì)象上的一組動(dòng)作，可以直接連寫(xiě)無(wú)需重復(fù)獲取對(duì)象。 jQuery（一）-- 初步了解 jQuery介紹 由John Resig創(chuàng)建于2006年一月的開(kāi)源項(xiàng)目，jQuery憑借著跨平臺(tái)的兼容性，簡(jiǎn)潔的語(yǔ)法，極大的簡(jiǎn)...
摘要：匿名函數(shù)將代碼包裹在里面，防止與其他代碼沖突和污染全局環(huán)境。學(xué)習(xí)整體架構(gòu)，打造屬于自己的函數(shù)式編程類(lèi)庫(kù)讀者發(fā)現(xiàn)有不妥或可改善之處，歡迎評(píng)論指出。 雖然現(xiàn)在基本不怎么使用jQuery了，但jQuery流行10多年的JS庫(kù)，還是有必要學(xué)習(xí)它的源碼的。也可以學(xué)著打造屬于自己的js類(lèi)庫(kù)，求職面試時(shí)可以增色不少。 本文章學(xué)習(xí)的是v3.4.1 版本。unpkg.com源碼地址：https://un...
摘要：提高業(yè)務(wù)編程能力中提供了很多的方法基本都兼容，我們可以使用這些方法快速開(kāi)發(fā)項(xiàng)目中有的方法提供的思想可以讓我們把項(xiàng)目實(shí)現(xiàn)得更優(yōu)化提高基礎(chǔ)以及一些高級(jí)編程思想分析源碼，學(xué)習(xí)里面類(lèi)庫(kù)封裝的思想和一些方法實(shí)現(xiàn)的原理有時(shí)間把中提供的常用方法都去實(shí)現(xiàn)一 jQuery 提高業(yè)務(wù)編程能力 JQ中提供了很多的方法（基本都兼容），我們可以使用這些方法快速開(kāi)發(fā)項(xiàng)目 JQ中有的方法提供的思想可以讓我們把...
摘要：個(gè)人前端文章整理從最開(kāi)始萌生寫(xiě)文章的想法，到著手開(kāi)始寫(xiě)，再到現(xiàn)在已經(jīng)一年的時(shí)間了，由于工作比較忙，更新緩慢，后面還是會(huì)繼更新，現(xiàn)將已經(jīng)寫(xiě)好的文章整理一個(gè)目錄，方便更多的小伙伴去學(xué)習(xí)。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個(gè)人前端文章整理 從最開(kāi)始萌生寫(xiě)文章的想法，到著手...
閱讀 738·2021-11-18 13:12
閱讀 1566·2021-11-15 11:39
閱讀 2613·2021-09-23 11:22
閱讀 6441·2021-09-22 15:15
閱讀 3802·2021-09-02 09:54
閱讀 2508·2019-08-30 11:10
閱讀 3376·2019-08-29 14:13
閱讀 3034·2019-08-29 12:49
