jQuery使用siblings獲取某元素所有同輩(兄弟姐妹)元素用法示例

更新時間：2017年01月30日 15:52:35 作者：aitangyong

這篇文章主要介紹了jQuery使用siblings獲取某元素所有同輩(兄弟姐妹)元素用法,結合簡單實例形式分析了siblings()函數(shù)獲取同輩元素的操作技巧,需要的朋友可以參考下

本文實例講述了jQuery使用siblings獲取某元素所有同輩(兄弟姐妹)元素用法。分享給大家供大家參考，具體如下：

siblings()屬于jQuery篩選類的API，用來查找某個元素的所有同輩元素(所有兄弟姐妹)。

<div id="contentHolder">
  <input type="button" value="1" id="button1"></input>
  <input type="button" value="2" id="button2"></input>
  <input type="button" value="3" id="button3"></input>
</div>

假如需要實現(xiàn)如下功能：點擊某個按鈕的時候，該按鈕背景色變成#88b828，其他按鈕背景色變成#15b494。這個時候，siblings這個API很有用，也很簡單。

$(function(){
  $("#contentHolder input[type='button']").click(function(){
    $(this).css("background","#88b828");
    $(this).siblings().css("background","#15b494");
  });
})

更多關于jQuery相關內容感興趣的讀者可查看本站專題：《jQuery頁面元素操作技巧匯總》、《jquery選擇器用法總結》、《jQuery表單操作總結》、《jQuery常用插件及用法總結》、《jQuery表格(table)操作技巧匯總》、《jQuery擴展技巧總結》及《jQuery常見經典特效匯總》

希望本文所述對大家jQuery程序設計有所幫助。

您可能感興趣的文章:

jquery dialog open后,服務器端控件失效的快速解決方法
本篇文章是對jquery dialog open后,服務器端控件失效的快速解決方法。進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
jQuery Validate驗證框架詳解(推薦)
jQuery Validate 插件為表單提供了強大的驗證功能,讓客戶端表單驗證變得更簡單,同時提供了大量的定制選項,滿足應用程序各種需求。有興趣的可以了解一下。
2016-12-12
jquery鏈式操作的正確使用方法
jQuery實現(xiàn)方法的鏈式操作是非常容易的。這里給出正確的使用方法
2014-01-01
jquery mobile changepage的三種傳參方法介紹
本來覺得changePage 那么多option,傳幾個參數(shù)應該沒問題結果翻遍國內外網(wǎng)站,基本方法只有三種，下面與大家分享下，感興趣的朋友可以參考下
2013-09-09
初窺JQuery-Jquery簡介入門了解篇
JQuery是一種非常靈活的腳本庫，JQuery庫為Web腳本編程提供了通用的抽象層，已經是比較流行的js框架了。
2010-11-11
jquery實現(xiàn)的點擊翻書效果代碼
這篇文章主要介紹了jquery實現(xiàn)的點擊翻書效果代碼,可呈現(xiàn)點擊圖片顯示翻頁的效果,涉及jQuery響應鼠標事件動態(tài)改變頁面元素屬性的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-11-11
jQuery插件擴展操作入門示例
這篇文章主要介紹了jQuery插件擴展操作,結合簡單實例形式分析了jQuery擴展方法的定義與使用技巧,非常簡單易懂,需要的朋友可以參考下
2017-01-01
Jquery實現(xiàn)控件的隱藏和顯示實例
本篇文章主要是對Jquery實現(xiàn)控件的隱藏和顯示實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-02-02
jQuery - AJAX load() 實例用法詳解
這篇文章主要介紹了jQuery - AJAX load() 實例用法以及相關知識點總結，有需要的朋友們參考下。
2019-08-08
原來Jquery.load的方法可以一直load下去
使用jQuery.load方法加載一個網(wǎng)頁，那么這個網(wǎng)頁內部的js代碼是否能夠執(zhí)行呢，答案是肯定的，這就相當于把load的內容與主頁面進行了合并一樣
2011-03-03