javascript - 让按钮切换 div 的类

Question

我正在使用 Twitter Bootstrap 制作一些基本网站

我想使用一个 div 和两个类。 我想实现按钮，该按钮将更改 div 的类，然后再次单击后将其更改回来。

找到了很多方法，但没有一个将类改回来。 最好的方法是使用 Bootstrap JS 或 Jquery

谢谢

Answer 1

演示1:http://jsfiddle.net/Jsqh4/
演示 2(单独按钮):http://jsfiddle.net/Jsqh4/1/

Bootstrap 使用 jQuery 作为其组件，因此 jQuery 解决方案对您来说可能是最简单的。

<style>
    .style1{ background-color: yellow; }
    .style2{ background-color: green; }​
</style>

<div id="div1" class="style1">
    Here is a div.
</div>

<input type="button" id="btn1" value="Click Me" />

<script>
    $("#btn1").click(function(){
        $("#div1").toggleClass("style2");
    });
</script>

另请参阅:http://api.jquery.com/toggleClass/