其他分享
首页 > 其他分享> > JS - this 操作 dom , 添加样式

JS - this 操作 dom , 添加样式

作者:互联网

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta http-equiv="X-UA-Compatible" content="ie=edge">     <title>this的使用</title>     <script src="jquery-3.4.1.min.js"></script>     <style>         .test{             background: skyblue;             color: snow;         }     </style> </head> <body>     <button>aaa</button>     <button>bbb</button>     <button>ccc</button>
    <script>         $(()=>{              $("button").click(function(){                 $(this).addClass("test")//为当前元素增加test类                 $(this).siblings().removeClass("test")//获取元素的兄弟元素,并去掉他们的test类             });         })     </script> </body> </html>

标签:dom,样式,元素,snow,JS,color,test,click
来源: https://www.cnblogs.com/500m/p/12532241.html