使用 Javascript 单击添加和删除类

Question

我实际上并不经常使用 Javascript 并且对使用它进行编码了解不多，所以我想原谅这个问题，如果它是一个简单的问题！

我有这个 html 元素：

<button class="btn"></button>

<div class="section1 active" style="z-index:1;"></div>

<div class="section2" style="z-index:2;"></div>

现在我想将类“active”添加到 div .section2 ，同时通过单击按钮 .btn 从 div .section1 中删除此类“active”。

此外，在单击按钮 .btn 时，我想将样式属性“z-index:1”从 .section1 更改为“z-index:2”，同时将“z-index:2”从 .section1 更改为“z-index:2”。第2部分到“z-index：1”

有人可以给我一个完整的 javascript 代码，当我单击按钮时，它会更改类和样式属性吗？

谢谢 ：）

Answer 1

 $('.section1').click(function(){ $('.section1').removeClass('active').html('CLICK FOR ACTIVE').css('z-index', 1); $(this).addClass('active').html('ACTIVE').css('z-index', 2); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <div class="section1 active" style="z-index:1;">CLICK FOR ACTIVE</div> <div class="section1" style="z-index:2;">ACTIVE</div>