选择器获取兄弟级别元素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> ~~~