JQuery困惑—包裝集 DOM節(jié)點(diǎn)
更新時(shí)間：2009年10月16日 20:57:14 作者：
我使用了JQuery進(jìn)行了一段時(shí)間的前端開(kāi)發(fā)，它讓我從選擇需要操作的元素痛苦中解放出來(lái)，因?yàn)樘峁┑倪x擇功能是如此的強(qiáng)大。
同時(shí)在開(kāi)發(fā)過(guò)程中我被一個(gè)問(wèn)題困惑了很久，也許在別人看來(lái)這根本不是問(wèn)題！
$('#someElement')和$('#someElement')[0],這條語(yǔ)句帶給我一段時(shí)間的困惑，開(kāi)始時(shí)每次使用我總是在其中一個(gè)在出錯(cuò)的時(shí)候換成另外一個(gè)，
雖然每次都能完成功能，但總是有中說(shuō)不出的郁悶！后來(lái)終于搞懂了其中的道理：$('#someElement')雖然只選擇元素，但它仍是包裝集，
不能使用DOM節(jié)點(diǎn)的方法（如SetAttribute等）。而$('#someElement')[0]確是返回包裝集中的第一個(gè)元素，所有它能使用DOM節(jié)點(diǎn)的方法。
總之：使用JQuery時(shí)，需要注意包裝集和DOM節(jié)點(diǎn)的區(qū)別，JQuery提供的方法都是包裝集的方法，不能在DOM節(jié)點(diǎn)上使用JQuery方法，
同樣，DOM節(jié)點(diǎn)的方法也不能在包裝集上使用，而只能應(yīng)用于DOM節(jié)點(diǎn)。當(dāng)然除了方法還有屬性（如innerHTML）。
同時(shí)我能也能將DOM節(jié)點(diǎn)包裝成包裝集：如我們經(jīng)常要使用$(this)，將節(jié)點(diǎn)包裝成包裝集然后使用JQuery的方法進(jìn)行處理。
雖然每次都能完成功能，但總是有中說(shuō)不出的郁悶！后來(lái)終于搞懂了其中的道理：$('#someElement')雖然只選擇元素，但它仍是包裝集，
不能使用DOM節(jié)點(diǎn)的方法（如SetAttribute等）。而$('#someElement')[0]確是返回包裝集中的第一個(gè)元素，所有它能使用DOM節(jié)點(diǎn)的方法。
總之：使用JQuery時(shí)，需要注意包裝集和DOM節(jié)點(diǎn)的區(qū)別，JQuery提供的方法都是包裝集的方法，不能在DOM節(jié)點(diǎn)上使用JQuery方法，
同樣，DOM節(jié)點(diǎn)的方法也不能在包裝集上使用，而只能應(yīng)用于DOM節(jié)點(diǎn)。當(dāng)然除了方法還有屬性（如innerHTML）。
同時(shí)我能也能將DOM節(jié)點(diǎn)包裝成包裝集：如我們經(jīng)常要使用$(this)，將節(jié)點(diǎn)包裝成包裝集然后使用JQuery的方法進(jìn)行處理。
相關(guān)文章
jQuery事件綁定on()、bind()與delegate() 方法詳解
這篇文章主要詳細(xì)介紹了jQuery事件綁定的三種方法，分別是on()、bind()與delegate()，十分的淺顯易懂，有需要的小伙伴可以參考下。2015-06-06
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)淡入淡出輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
今天總結(jié)一下學(xué)習(xí)jQuery時(shí)中遇到的一些常用的jQuery代碼，這些代碼片段可能在我們急需的時(shí)候能起到幫助。2011-07-07
jQuery實(shí)現(xiàn)下拉框功能實(shí)例代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)下拉框功能實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-05-05
jQuery模擬爆炸倒計(jì)時(shí)功能實(shí)例代碼
本文通過(guò)代碼給大家介紹了jQuery模擬爆炸倒計(jì)時(shí)功能實(shí)例代碼，非常不錯(cuò)，代碼簡(jiǎn)單易懂，需要的朋友參考下吧2017-08-08
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)放大鏡案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
解決jquery有正確返回值但不執(zhí)行success函數(shù)的問(wèn)題
今天小編就為大家分享一篇解決jquery有正確返回值但不執(zhí)行success函數(shù)的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
jquery ajax分頁(yè)插件的簡(jiǎn)單實(shí)現(xiàn)
這篇文章主要介紹了jquery ajax分頁(yè)插件的簡(jiǎn)單實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了jQuery遍歷json的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)json格式數(shù)據(jù)的遍歷操作相關(guān)技巧,需要的朋友可以參考下2016-04-04
Jquery實(shí)現(xiàn)textarea根據(jù)文本內(nèi)容自適應(yīng)高度
本文給大家分享的是Jquery實(shí)現(xiàn)textarea根據(jù)文本內(nèi)容自適應(yīng)高度，這些在平時(shí)的項(xiàng)目中挺實(shí)用的，所以抽空封裝了一個(gè)文本框根據(jù)輸入內(nèi)容自適應(yīng)高度的插件，這里推薦給小伙伴們。2015-04-04