首頁 > web前端 > js教程 > 主體

jQuery中的siblings用法實例分析_jquery

WBOY
發布: 2016-05-16 15:23:40
原創
1483 人瀏覽過

本文實例講述了jQuery中的siblings用法。分享給大家參考,具體如下:

所謂siblings,英文翻譯就是兄弟節點。那麼故名思意,就是拿到某元素的兄弟節點(不包括自己)。

<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>

登入後複製

我們還知道,

複製程式碼 程式碼如下:
$("#li3").siblings("li").css(" backgroundcolor", "yellow")

在本例中可以寫成

複製程式碼 程式碼如下:
$("#li3").siblings().css("backgroundcolor", "yellow")

預設拿和它自己相同的兄弟元素。

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!