悬停按钮 ASP.net 上的 JQuery 更改类

Question

我是 JQuery 新手。 我有一个带有 css 类的按钮，它工作正常，但我想在悬停按钮时更改 css 类。

我该如何编码？

这是我到目前为止得到的:

//on top in my heading:

<script type="text/javascript">
    $('btn').hover(function () {
        alert("Test"); //just for testing
    });
</script>

//my button:

<button id="btn" class="default_btn">ButtonText</button> 

Answer 1

你为什么不试试 CSS？

.default_btn:hover{
    background-color: #f00;
}

此处演示:http://jsfiddle.net/naveen/Ytkma/

如果你想要 jQuery 解决方案，试试这个。

$("#btn").hover(function() {
        $(this)
            .removeClass("default_btn")
            .addClass("default_hover_btn");
    }, function() {
        $(this)
            .removeClass("default_hover_btn")
            .addClass("default_btn");
});

演示:http://jsfiddle.net/naveen/SfGVD/