13.点击变色 · 学习笔记

~~~ <title>Document</title> <style> li{ cursor: pointer; } .active{ color:red; } </style> </head> <body> <ul> <li class="active">手机</li> <li>平板</li> <li>电脑</li> </ul> <script> /* addClass() removeClass() siblings -->获取兄弟元素 */ /* 点击li,让当前项添加active-class,让兄弟项移除active-class */ $("li").click(function(){ $(this).addClass('active').siblings().removeClass('active') }) </script> </body> ~~~