jQuery獲取DOM節(jié)點(diǎn)實(shí)例分析(2種方式)

更新時(shí)間：2015年12月15日 14:34:41 作者：hongweigg

這篇文章主要介紹了jQuery獲取DOM節(jié)點(diǎn)的方法,提供了兩種jQuery獲取DOM節(jié)點(diǎn)的技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery獲取DOM節(jié)點(diǎn)。分享給大家供大家參考，具體如下：

jQuery中包裹后的DOM對(duì)象實(shí)際上是一個(gè)數(shù)組，要獲得純粹的DOM對(duì)象可以有兩種方式：

1、使用數(shù)組索引方式訪問(wèn)，例如：

復(fù)制代碼代碼如下:

var dom = $(dom)[0];

2、使用函數(shù)get()訪問(wèn)，例如：

復(fù)制代碼代碼如下:

var dom = $(dom).get(0);

get()函數(shù)中的參數(shù)為索引號(hào)。

3、示例

var div = document.createElement("DIV");
div.innerText = "TEST IS OK!";
document.body.appendChild(div);
var $tmp = $(div);
alert($tmp[0].innerText); //方式1獲取DOM節(jié)點(diǎn)對(duì)象
alert($tmp.get(0).innerText); //方式2獲取DOM節(jié)點(diǎn)對(duì)象

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

jQuery
DOM

相關(guān)文章

jquery實(shí)現(xiàn)購(gòu)物車(chē)基本功能
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)購(gòu)物車(chē)基本功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-10-10
jQuery用戶(hù)頭像裁剪插件cropbox.js使用詳解
這篇文章主要為大家詳細(xì)介紹了jQuery用戶(hù)頭像裁剪插件cropbox.js的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
jQuery實(shí)現(xiàn)選中行變色效果(實(shí)例講解)
下面小編就為大家?guī)?lái)一篇jQuery實(shí)現(xiàn)選中行變色效果(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-07-07
jQuery實(shí)現(xiàn)的數(shù)值范圍range2dslider選取插件特效多款代碼分享
這篇文章主要介紹了jQuery實(shí)現(xiàn)的數(shù)值范圍range2dslider選取插件特效，整體特效非常逼真自然，推薦給大家，有需要的小伙伴可以參考下
2015-08-08
jQuery控制的不同方向的滑動(dòng)(向左、向右滑動(dòng)等)
這篇文章主要介紹了jQuery控制的不同方向的滑動(dòng)(向左、向右滑動(dòng)等),需要的朋友可以參考下
2014-07-07
jQuery實(shí)現(xiàn)div隨意拖動(dòng)的實(shí)例代碼(通用代碼)
這篇文章主要介紹了jQuery實(shí)現(xiàn)div隨意拖動(dòng)的實(shí)例代碼，涉及到j(luò)query div隨意拖動(dòng)相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧
2016-01-01
flash+jQuery實(shí)現(xiàn)可關(guān)閉及重復(fù)播放的壓頂廣告
本文給大家分享的是仿游戲門(mén)戶(hù)網(wǎng)站可關(guān)閉及重復(fù)播放泰山壓頂廣告是一款基于jquery實(shí)現(xiàn)的打開(kāi)網(wǎng)頁(yè)緩慢下拉廣告代碼。有需要的小伙伴可以參考下。
2015-04-04
jquery 框架使用教程 AJAX篇
正好項(xiàng)目中準(zhǔn)備使用thickbox，于是干脆拋棄prototype.js，看起jquery.js了。JQuery確實(shí)不錯(cuò)，體積比Prototype小了許多，而且使用起來(lái)更方便更靈活。有人說(shuō)Prototype像JAVA，正統(tǒng)；而JQuery像Ruby，靈活，更趨于OOP。
2009-10-10
jQuery常用選擇器詳解
這篇文章主要為大家詳細(xì)介紹了jQuery常用選擇器的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-07-07
jQuery 練習(xí)[二] jquery 對(duì)象選擇器(1)
根據(jù) id 選擇(通過(guò) id 只能選擇一個(gè)對(duì)象), 如: $("#div2") ，jquery 對(duì)象選擇器是jquery的一個(gè)亮點(diǎn)。
2010-05-05