jQuery实现为一个P元素增加或删除样式类

为一个P元素增加或删除样式类，鼠标放在上面变红加粗，鼠标移开恢复原状。

<script>

    $(document).ready(function(){
        $("button").click(function(){
            $("h1,h2,p").addClass("blue");
            $("div").addClass("important");
        });
        $("#p1").mouseenter(function(){
            $(this).addClass("red");
        });
        $("#p1").mouseleave(function(){
            $(this).removeClass("red");
        });

    });
</script>
<style type="text/css">
    .important
    {
        font-weight:bold;
        font-size:large;
    }
    .blue
    {
        color:blue;
    }
    .red{
        color:red;
        font-weight:bold;
    }
</style>