jQuery中g(shù)et()方法用法實(shí)例
本文實(shí)例講述了jQuery中g(shù)et()方法用法。分享給大家供大家參考。具體分析如下:
此方法可以返回匹配集合中所有DOM元素的數(shù)組或者一個(gè)指定索引的DOM元素。
索引值是從0開(kāi)始的。
說(shuō)明:從上面的定義可以看出,此方法可以將jQuery對(duì)象轉(zhuǎn)換成DOM對(duì)象。
語(yǔ)法結(jié)構(gòu)一:
沒(méi)有參數(shù)的時(shí)候會(huì)取得所有匹配的DOM元素的數(shù)組。
實(shí)例代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>get()函數(shù)-腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$($(".zhuanqu").get()).css("color","green");
})
</script>
</head>
<body>
<div>
<ul>
<li>ASP專(zhuān)區(qū)</li>
<li class="zhuanqu">jsp專(zhuān)區(qū)</li>
<li>php專(zhuān)區(qū)</li>
<li>ASP.NET專(zhuān)區(qū)</li>
</ul>
<ul>
<li>DIV+CSS專(zhuān)區(qū)</li>
<li class="zhuanqu">Jquery專(zhuān)區(qū)</li>
<li class="zhuanqu">javascript專(zhuān)區(qū)</li>
<li>html專(zhuān)區(qū)</li>
</ul>
</div>
</body>
</html>
通過(guò)使用$(".zhuanqu").get(),可以取得類(lèi)名為zhuanqu的li元素的數(shù)組??戳藢?shí)例大家可能就問(wèn)為什么外面還要套上$(),這是因?yàn)橥ㄟ^(guò)get()方法獲得是DOM對(duì)象,需要轉(zhuǎn)化成jQuery對(duì)象才能使用CSS()方法。
語(yǔ)法結(jié)構(gòu)二:
帶有參數(shù),取得所有匹配的DOM元素?cái)?shù)組中指定的一個(gè)匹配的元素。
實(shí)例代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>get()函數(shù)-腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$($(".zhuanqu").get(0)).css("color","green");
})
</script>
</head>
<body>
<div>
<ul>
<li>ASP專(zhuān)區(qū)</li>
<li class="zhuanqu">jsp專(zhuān)區(qū)</li>
<li>php專(zhuān)區(qū)</li>
<li>ASP.NET專(zhuān)區(qū)</li>
</ul>
<ul>
<li>DIV+CSS專(zhuān)區(qū)</li>
<li class="zhuanqu">Jquery專(zhuān)區(qū)</li>
<li class="zhuanqu">javascript專(zhuān)區(qū)</li>
<li>html專(zhuān)區(qū)</li>
</ul>
</div>
</body>
</html>
里面的參數(shù)是要獲取的DOM對(duì)象數(shù)組中DOM對(duì)象的索引,索引是從零開(kāi)始的。
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
- jQuery中通過(guò)ajax的get()函數(shù)讀取頁(yè)面的方法
- jQuery中ajax - get() 方法實(shí)例詳解
- Jquery中ajax提交表單幾種方法(get、post兩種方法)
- jQuery使用$.get()方法從服務(wù)器文件載入數(shù)據(jù)實(shí)例
- jQuery通過(guò)控制節(jié)點(diǎn)實(shí)現(xiàn)僅在前臺(tái)通過(guò)get方法完成參數(shù)傳遞
- jQuery中Ajax的get、post等方法詳解
- JQuery.get提交頁(yè)面不跳轉(zhuǎn)的解決方法
- jQuery中ajax的get()方法用法實(shí)例
- jQuery中g(shù)et和post方法傳值測(cè)試及注意事項(xiàng)
- jquery中g(shù)et,post和ajax方法的使用小結(jié)
- 快速解決jquery之get緩存問(wèn)題的最簡(jiǎn)單方法介紹
- jQuery中g(shù)et方法用法分析
相關(guān)文章
jQuery 常見(jiàn)學(xué)習(xí)網(wǎng)站與參考書(shū)
打算學(xué)習(xí)jquery的朋友可以參下如下網(wǎng)上,參考書(shū)嗎,可以看下 鋒利的jquery腳本之家提供電子版下載。2009-11-11JQuery動(dòng)態(tài)生成的按鈕無(wú)法觸發(fā)問(wèn)題及完美解決方法
利用JQuery動(dòng)態(tài)添加的按鈕無(wú)法通過(guò)$(selector).click方法觸發(fā)點(diǎn)擊事件,下面小編給大家?guī)?lái)了JQuery動(dòng)態(tài)生成的按鈕無(wú)法觸發(fā)問(wèn)題與解決方法,需要的朋友可以參考下2023-02-0214款經(jīng)典網(wǎng)頁(yè)圖片和文字特效的jQuery插件-前端開(kāi)發(fā)必備
最近沒(méi)項(xiàng)目做,在網(wǎng)上看到很多網(wǎng)頁(yè)特效,非常漂亮,于是就整理了14款經(jīng)典網(wǎng)頁(yè)圖片和文字特效的jQuery插件,有助于在項(xiàng)目需求中用到,前端開(kāi)發(fā)必備,大家都來(lái)學(xué)習(xí)下吧2015-08-08jQuery實(shí)現(xiàn)動(dòng)態(tài)加載(按需加載)javascript文件的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)加載(按需加載)javascript文件的方法,結(jié)合實(shí)例形式分析了jQuery根據(jù)調(diào)用函數(shù)按需動(dòng)態(tài)加載javascript文件相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-05-05基于jquery實(shí)現(xiàn)可定制的web在線富文本編輯器附源碼下載
UEditor的功能非常強(qiáng)大,官方已配備了php,asp,asp.net,java等語(yǔ)言的上傳程序,拿來(lái)就可以使用,當(dāng)然ueditor更具有功能插件接口,很輕松地添加自己定義功能到編輯器中,方便項(xiàng)目的不同需求2015-11-11Jquery+AJAX實(shí)現(xiàn)無(wú)刷新上傳并重命名文件操作示例【PHP后臺(tái)接收】
這篇文章主要介紹了Jquery+AJAX實(shí)現(xiàn)無(wú)刷新上傳并重命名文件操作,結(jié)合實(shí)例形式分析了jQuery+ajax前臺(tái)上傳文件與PHP后臺(tái)接收處理相關(guān)操作技巧,需要的朋友可以參考下2020-05-05jQuery縱向?qū)Ш讲藛涡Ч麑?shí)現(xiàn)方法
這篇文章主要介紹了jQuery縱向?qū)Ш讲藛涡Ч麑?shí)現(xiàn)方法,可實(shí)現(xiàn)類(lèi)似淘寶首頁(yè)縱向菜單的顯示效果,涉及jQuery鼠標(biāo)響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-12-12jquery獲取一組checkbox的值(實(shí)例代碼)
使用jquery獲取一組checkbox的值實(shí)例代碼。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11jquery 表格分頁(yè)等操作實(shí)現(xiàn)代碼(pagedown,pageup)
jquery實(shí)現(xiàn)支持pagedown,pageup對(duì)表格進(jìn)行操作的實(shí)現(xiàn)代碼,需要的朋友可以參考下。2010-04-04