jQuery中的siblings用法實例分析
更新時間：2015年12月24日 10:03:15 作者：cui_angel
這篇文章主要介紹了jQuery中的siblings用法,結(jié)合實例形式簡單分析了jQuery中siblings的功能及用法,需要的朋友可以參考下
本文實例講述了jQuery中的siblings用法。分享給大家供大家參考，具體如下：
所謂siblings，英文翻譯就是兄弟節(jié)點。那么故名思意，就是拿到某元素的兄弟節(jié)點(不包括自己)。
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<body>
<ul>
<li>li1</li>
<li>li2</li>
<li id="li3">li3</li>
<li>li4</li>
<li>li5</li>
</ul>
<script>
$("#li3").siblings("li").css("backgroundcolor", "yellow");
</script>
</body>
</html>
我們還知道，
復(fù)制代碼 代碼如下:
$("#li3").siblings("li").css("backgroundcolor", "yellow")
在本例中可以寫成
復(fù)制代碼 代碼如下:
$("#li3").siblings().css("backgroundcolor", "yellow")
默認(rèn)拿和它自己相同的兄弟元素。
希望本文所述對大家jQuery程序設(shè)計有所幫助。
您可能感興趣的文章:
- jquery siblings獲取同輩元素用法實例分析
- jQuery中的siblings()是什么意思(推薦)
- 淺談jquery中next與siblings的區(qū)別
- 有關(guān)jQuery中parent()和siblings()的小問題
- jQuery siblings()用法實例詳解
- jquery遍歷函數(shù)siblings()用法實例
- jQuery中siblings()方法用法實例
- jquery next nextAll nextUntil siblings的區(qū)別介紹
- jQuery prev ~ siblings選擇器使用介紹
- jquery 層次選擇器siblings與nextAll的區(qū)別介紹
- 仿jQuery的siblings效果的js代碼
- jQuery使用siblings獲取某元素所有同輩(兄弟姐妹)元素用法示例
相關(guān)文章
本文主要是介紹了jQuery中on方法及trigger方法，以及圍繞這個方法來體驗的觀察者模式，是篇非常不錯的文章，對我們理解觀察者模式很有幫助。2014-12-12
這篇文章介紹了jQuery操作value值的方法，文中通過示例代碼介紹的非常詳細。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
這篇文章主要介紹了動態(tài)加載jQuery的方法,可實現(xiàn)判定后加載jQuery的功能,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了jquery選擇器和屬性對象的操作,結(jié)合實例形式分析了jquery選擇器與頁面元素屬性相關(guān)操作技巧,需要的朋友可以參考下2020-01-01
在某些特殊的情況下是需要動態(tài)生成表格的，下面為大家詳細介紹下使用jquery是如何做到的，感興趣的朋友不要錯過2013-12-12
這篇文章主要整理分享了jQuery修改class屬性和CSS樣式,十分詳細，需要的朋友可以參考下2015-01-01
屬性選擇符就是通過HTML元素的屬性選擇元素。如獲取所有鏈接的TITLE屬性，可以用$('a[title]')2011-04-04
這篇文章主要介紹了jQuery響應(yīng)滾動條事件功能,可實現(xiàn)針對滾動條狀態(tài)的實時計算與響應(yīng)功能,具有一定參考借鑒價值,需要的朋友可以參考下2017-10-10
基于HTML+CSS，jQuery編寫的簡易計算器后續(xù)（添加了鍵盤監(jiān)聽）
這篇文章主要介紹了使用HTML+CSS，jQuery編寫的簡易計算器后續(xù)（添加了鍵盤監(jiān)聽） 的相關(guān)資料,需要的朋友可以參考下2016-01-01
海量的jQuery插件帖，很經(jīng)典，不知道什么時候開始流傳，很早以前就收藏過，為了工作方便還是發(fā)了一份放在日志里面。2010-02-02