jQuery中的siblings用法執行個體分析,

來源:互聯網
上載者:User

jQuery中的siblings用法執行個體分析,

本文執行個體講述了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程式設計有所協助。

您可能感興趣的文章:
  • jQuery中siblings()方法用法執行個體
  • jquery next nextAll nextUntil siblings的區別介紹
  • jQuery prev ~ siblings選取器使用介紹
  • jquery 層次選取器siblings與nextAll的區別介紹
  • 仿jQuery的siblings效果的js代碼
  • jquery遍曆函數siblings()用法執行個體

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.