jQuery中siblings()方法用法實(shí)例
更新時(shí)間：2015年01月08日 09:57:24 投稿：shichen2014
這篇文章主要介紹了jQuery中siblings()方法用法,實(shí)例分析了siblings()方法的功能、定義及獲取匹配元素集合中每一個(gè)元素的同輩元素的使用技巧,是進(jìn)行元素篩選時(shí)非常實(shí)用的方法,需要的朋友可以參考下
本文實(shí)例講述了jQuery中siblings()方法用法。分享給大家供大家參考。具體分析如下：
此方法能夠獲取匹配元素集合中每一個(gè)元素的同輩元素。
同輩元素集合可以使用表達(dá)式進(jìn)行篩選。
語法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$(selector).siblings(expr)
參數(shù)列表:
實(shí)例代碼:
實(shí)例一:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>siblings()函數(shù)-腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").siblings().css("color","red")
})
</script>
</head>
<body>
<div class="first">
<p>我是first下的p</p>
<span>我是div下的span</span>
</div>
<div class="second">
<ul>
<li>我是li</li>
</ul>
<p>我是second下的p</p>
</div>
</body>
</html>
實(shí)例二:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>siblings()函數(shù)-腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").siblings("span").css("color","red")
})
</script>
</head>
<body>
<div class="first">
<p>我是first下的p</p>
<span>我是div下的span</span>
</div>
<div class="second">
<ul>
<li>我是li</li>
</ul>
<p>我是second下的p</p>
</div>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- jquery siblings獲取同輩元素用法實(shí)例分析
- jQuery中的siblings()是什么意思(推薦)
- 淺談jquery中next與siblings的區(qū)別
- 有關(guān)jQuery中parent()和siblings()的小問題
- jQuery siblings()用法實(shí)例詳解
- jquery遍歷函數(shù)siblings()用法實(shí)例
- jQuery中的siblings用法實(shí)例分析
- jquery next nextAll nextUntil siblings的區(qū)別介紹
- jQuery prev ~ siblings選擇器使用介紹
- jquery 層次選擇器siblings與nextAll的區(qū)別介紹
- 仿jQuery的siblings效果的js代碼
- jQuery使用siblings獲取某元素所有同輩(兄弟姐妹)元素用法示例
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了jQuery繼承extend用法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要介紹了jQuery統(tǒng)計(jì)上傳文件大小的方法,主要通過ActiveXObject對(duì)象來實(shí)現(xiàn),需要的朋友可以參考下2015-01-01
這篇文章主要為大家分享了jqueryUI tab標(biāo)簽頁代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
這篇文章主要介紹了jquery獲取css的color值返回RGB的方法,涉及jQuery字符串正則運(yùn)算與數(shù)值轉(zhuǎn)換的相關(guān)技巧,需要的朋友可以參考下2015-12-12
ashx文件與.aspx文件類似，可以通過它來調(diào)用HttpHandler類。下面與大家介紹下jquery訪問ashx文件的過程2014-08-08
jquery 表格排序、實(shí)時(shí)搜索表格內(nèi)容(附圖)
這篇文章主要介紹了jquery如何實(shí)現(xiàn)表格排序、實(shí)時(shí)搜索表格內(nèi)容,需要的朋友可以參考下2014-05-05
Select下拉框的問題，想在選擇一個(gè)選項(xiàng)后，前臺(tái)顯示做出變動(dòng)，并且知道選擇的是第幾個(gè)選項(xiàng)。怎么解決這個(gè)問題呢？下面小編給大家分享SelecT下拉框選中和取值的解決方法，需要的朋友參考下吧2016-11-11
用下面的方法得到當(dāng)前TAB的總數(shù)量，然后進(jìn)行提示。2010-10-10
有關(guān)jQuery中parent()和siblings()的小問題
本文通過一個(gè)實(shí)例給大家介紹有關(guān)parent()和siblings()問題原因及解決方案，非常不錯(cuò)具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-06-06
這篇文章主要介紹了Jquery zTree 樹控件異步加載操作，學(xué)習(xí)Jquery zTree異步加載，zTree實(shí)現(xiàn)一套能完成大部分常用功能的 Tree插件，感興趣的小伙伴們可以參考一下2016-02-02