快捷導(dǎo)航

jQuery中的siblings用法實(shí)例分析

更新時間：2015年12月24日 10:03:15 作者：cui_angel

這篇文章主要介紹了jQuery中的siblings用法,結(jié)合實(shí)例形式簡單分析了jQuery中siblings的功能及用法,需要的朋友可以參考下

本文實(shí)例講述了jQuery中的siblings用法。分享給大家供大家參考，具體如下：

所謂siblings，英文翻譯就是兄弟節(jié)點(diǎn)。那么故名思意，就是拿到某元素的兄弟節(jié)點(diǎn)(不包括自己)。

<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è)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery的觀察者模式詳解
本文主要是介紹了jQuery中on方法及trigger方法，以及圍繞這個方法來體驗(yàn)的觀察者模式，是篇非常不錯的文章，對我們理解觀察者模式很有幫助。
2014-12-12
jQuery操作value值方法介紹
這篇文章介紹了jQuery操作value值的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-03-03
動態(tài)加載jQuery的方法
這篇文章主要介紹了動態(tài)加載jQuery的方法,可實(shí)現(xiàn)判定后加載jQuery的功能,需要的朋友可以參考下
2015-06-06
jquery選擇器和屬性對象的操作實(shí)例分析
這篇文章主要介紹了jquery選擇器和屬性對象的操作,結(jié)合實(shí)例形式分析了jquery選擇器與頁面元素屬性相關(guān)操作技巧,需要的朋友可以參考下
2020-01-01
Jquery 動態(tài)生成表格示例代碼
在某些特殊的情況下是需要動態(tài)生成表格的，下面為大家詳細(xì)介紹下使用jquery是如何做到的，感興趣的朋友不要錯過
2013-12-12
jQuery修改class屬性和CSS樣式整理
這篇文章主要整理分享了jQuery修改class屬性和CSS樣式,十分詳細(xì)，需要的朋友可以參考下
2015-01-01
JQUERY的屬性選擇符和自定義選擇符使用方法（二）
屬性選擇符就是通過HTML元素的屬性選擇元素。如獲取所有鏈接的TITLE屬性，可以用$('a[title]')
2011-04-04
jQuery響應(yīng)滾動條事件功能示例
這篇文章主要介紹了jQuery響應(yīng)滾動條事件功能,可實(shí)現(xiàn)針對滾動條狀態(tài)的實(shí)時計(jì)算與響應(yīng)功能,具有一定參考借鑒價值,需要的朋友可以參考下
2017-10-10
基于HTML+CSS，jQuery編寫的簡易計(jì)算器后續(xù)（添加了鍵盤監(jiān)聽）
這篇文章主要介紹了使用HTML+CSS，jQuery編寫的簡易計(jì)算器后續(xù)（添加了鍵盤監(jiān)聽）的相關(guān)資料,需要的朋友可以參考下
2016-01-01
經(jīng)典海量jQuery插件大家可以收藏一下
海量的jQuery插件帖，很經(jīng)典，不知道什么時候開始流傳，很早以前就收藏過，為了工作方便還是發(fā)了一份放在日志里面。
2010-02-02