選擇器獲取兄弟級別元素siblings() · jQuery學習

siblings() 作用域兄弟節點概述：他是jQuery函數庫給我們提供節點關系方法。它主要的作用是可以獲取到某一個匹配節點姊妹節點。 ## 注意：可以是class 也可以是標簽元素也可也是ID元素 ``` siblings() 匹配全部的兄弟 siblings("指定的兄弟") ``` 案例語法：（基本用鏈式語法操作） ``` $("li").click(function(){ $(this).css("background","rgb(0,255,0)").siblings().css("background","red"); }) ``` ## 代碼如下： ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="jquery/jquery-3.2.1.min.js"></script> <title>Title</title> <style> *{ padding: 0; margin: 0; } div ul{ width:500px; height: auto; margin: 100px auto; } div ul li{ width:50px; height:50px; border-radius:50%; background: red; margin-right:25px; float:left; list-style:none; } </style> </head> <body> <div> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> </body> </html> <script type="text/javascript"> $("li").click(function(){ $(this).css("background","rgb(0,255,0)").siblings().css("background","red"); }) </script> ~~~