怎么在jQuery中使用siblings()方法遍歷兄弟元素

這篇文章將為大家詳細(xì)講解有關(guān)怎么在jQuery中使用siblings()方法遍歷兄弟元素，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

jquery是什么

jquery是一個簡潔而快速的JavaScript庫，它具有獨特的鏈?zhǔn)秸Z法和短小清晰的多功能接口、高效靈活的css選擇器，并且可對CSS選擇器進(jìn)行擴(kuò)展、擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫，能夠用于簡化事件處理、HTML文檔遍歷、Ajax交互和動畫，以便快速開發(fā)網(wǎng)站。

siblings()方法

用于查找當(dāng)前元素的同胞元素，就是拿到當(dāng)前元素的兄弟節(jié)點(不包括自己)。

獲得匹配集合中每個元素的同胞，通過選擇器進(jìn)行篩選是可選的。

可選地接受與我們可以傳遞給$()函數(shù)的相同類型的選擇器表達(dá)式。如果提供了選擇器，元素將通過測試是否匹配。

使用語法

jQueryObject.siblings( [ selector ] )

使用參數(shù)

可選/String類型指定的選擇器字符串。

返回值

返回被選元素的所有同胞元素，并且可以使用可選參數(shù)來過濾對同胞元素的搜索。

使用注意

1、一般情況不會包括自己

2、包括自己的特殊情況

使用實例：遍歷出需要的元素

<ul>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
</ul>
<script>
$("ul li").siblings(".third-item").css('background-color', 'red');
</script>
//遍歷ul標(biāo)簽下的li標(biāo)簽的所有third-item類 將之背景改為紅色 siblings()中必須在類名前+"."

關(guān)于怎么在jQuery中使用siblings()方法遍歷兄弟元素就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。