排它

60 阅读1分钟
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
      
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>


</head>
<body>
<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>
<button>按钮4</button>
<button>按钮5</button>
<button>按钮6</button>


<script>
    $(function () {
        // 点击事件
        $("button").click(btnClick)
    })

    function btnClick() {
        $(this).css("background", "red");
        $(this).siblings().css("background", "");
    }
</script>
</body>
</html>