1. 程式人生 > >改變元素的CSS Class

改變元素的CSS Class

Jquery的元素有2個function,removeClass()和addClass()。我自己使用它來改變元素的css class。

<style>

    .a{font-size:20px;}

    .b{font-size:50px;}

</style>

<script language="javascript">

    function changecss(classname)

    {

        var obj = $("#div_a");

        obj.removeClass();

        /*如果要去掉一個特定的css class,可以這樣寫obj.removeClass("a");*/
        obj..addClass(classname);

    }

</script>

<div id="div_a" class="a">Hello World</div>

<input name="btn_a" type="button" value="使用A" onclick="changecss('a')">

<input name="btn_b" type="button" value="使用B" onclick="changecss('b')">