鼠标悬停时类更改

Question

我在javascript中有一个函数，当我点击一个按钮时会改变一个span类，但当我将鼠标移动到那个跨度上时，类会改变旧的类。为什么呢？

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');
});​

Here is a functional jsFiddle example