使用jquery函數添加/刪除類

Question

我有這個代碼。

CSS

body {
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
}

.slidingDiv {
    height:300px;
    background-color: #99CCFF;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #3399FF;
}

.show_hide {
    display:none; 
}

HTML

<a href="#" class="show_hide">Show/hide</a>
<br />
<div class="slidingDiv">
    Fill this space with really interesting content.
    <a href="#" class="show_hide">hide</a>
</div>

JS

$(document).ready(function(){
    $(".slidingDiv").hide();
    $(".show_hide").show();
    $('.show_hide').click(function(){
        $(".slidingDiv").slideToggle();
    });
});

有人告訴我是否有可能添加這個jquery函數，如果我點擊它，同時顯示/隱藏一個新的div，將類更改為標記並從另一個標記中刪除另一個類？ 我該怎么做？

謝謝。

Answer 1

是的，你可以看看方法addClass和removeClass 。

Answer 2

remove ： jQuery('element').removeClass('class'); 參考
add ： jQuery('element').addClass('class'); 參考

你可以使用toggleClass來切換。
toggle ： jQuery('element').toggleClass('class otherClass'); 參考

Answer 3

添加課程：

$('selector').addClass('className');

刪除課程：

$('selector').removeClass('className');

Answer 4

是的，你當然可以添加或刪除類

<script type="text/javascript">
$("#ButtonId").click(function () {
    $('#itemid').removeClass('classname');
    $('#itemid').addClass('classname');
});
</script>