当鼠标移动时，类更改

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