javascript - 鼠标悬停时更改类

Question

我在 javascript 中有一个函数，当我单击按钮时会更改跨度类，但是当我将鼠标移到跨度上时，类会更改为旧的类。为什么？

Answer 1

如果您的 html 按钮呈现如下：

<button class="btn-primary">Awesome Button</button>
<p>My class is <span class="label">btn-primary</span>

您可以像这样替换它的类：

$('button').on('click', function(){
    var self = $(this);
    self.removeClass('btn-primary').addClass('btn-danger');
    $('span').text('btn-danger');
});​

这是一个功能性的 jsFiddle 示例