jQuery中siblings()方法用法實(shí)例
更新時間:2015年01月08日 09:57:24 投稿:shichen2014
這篇文章主要介紹了jQuery中siblings()方法用法,實(shí)例分析了siblings()方法的功能、定義及獲取匹配元素集合中每一個元素的同輩元素的使用技巧,是進(jìn)行元素篩選時非常實(shí)用的方法,需要的朋友可以參考下
本文實(shí)例講述了jQuery中siblings()方法用法。分享給大家供大家參考。具體分析如下:
此方法能夠獲取匹配元素集合中每一個元素的同輩元素。
同輩元素集合可以使用表達(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://chabaoo.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://chabaoo.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>
希望本文所述對大家的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)文章
jquery 表格排序、實(shí)時搜索表格內(nèi)容(附圖)
這篇文章主要介紹了jquery如何實(shí)現(xiàn)表格排序、實(shí)時搜索表格內(nèi)容,需要的朋友可以參考下2014-05-05有關(guān)jQuery中parent()和siblings()的小問題
本文通過一個實(shí)例給大家介紹有關(guān)parent()和siblings()問題原因及解決方案,非常不錯具有參考借鑒價值,感興趣的朋友一起看看吧2016-06-06