<script> $(()=>{ $("button").click(function(){ $(this).addClass("test")//为当前元素增加test类 $(this).siblings().removeClass("test")//获取元素的兄弟元素,并去掉他们的test类 }); }) </script> </body> </html>
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>
<script> $(()=>{ $("button").click(function(){ $(this).addClass("test")//为当前元素增加test类 $(this).siblings().removeClass("test")//获取元素的兄弟元素,并去掉他们的test类 }); }) </script> </body> </html>