使用Javascript加入和移除Class點擊使用

-7

我實際上並不經常使用JavaScript，並且對它的編碼不太瞭解，所以我想原諒這個問題，如果它是簡單的！使用Javascript加入和移除Class點擊使用

我有這樣的HTML元素：

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

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

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

現在我想補充類「活動」到div的.section2，並在同一時間通過單擊DIV .section1刪除此類「主動」在按鈕上.btn。

此外，在點擊按鈕.btn我想改變風格屬性「z-index：1」從.section1到「z-index：2」，同時改變「z-index： 2「from .section2 into」z-index：1「

有人能給我一個完整的JavaScript代碼，當我點擊按鈕時會改變類和樣式屬性嗎？

謝謝:)

來源

2017-10-21 Eric Dietrich

我相信你指的是**的JavaScript **不是Java？ – OArnarsson

您需要使用Javascript，而不是Java。至於兩者之間的區別，請參閱：https://stackoverflow.com/a/245068/2391790 – Ozilophile

謝謝，我不知道區別。我已經將它改爲javascript :) –

$('.section1').click(function(){ 
 
\t $('.section1').removeClass('active').html('CLICK FOR ACTIVE').css('z-index', 1); 
 
\t $(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>

來源

2017-10-21 18:24:21 mscdeveloper

使用Javascript加入和移除Class點擊使用

回答

相關問題