如何刪除mouseleave上的類

Question

我想刪除<div id="track_order" class="active">上的類後mouseleave上<div class="box_circle">。我怎樣才能做到這一點？

這是我的例子： http://jsfiddle.net/Cf9dY/

的jQuery

jQuery('#b_track_order').click(function(){ 
    jQuery('#track_order').addClass('active'); 
}); 

HTML

<div class="order"> 
    <div class="rope"></div> 
    <div id="track_order"> 
     <label>Order number</label> 
     <input type="text" value="Order number"> 
     <label>Phone number</label> 
     <input type="text" value="Phone number"> 
     <label>Address</label> 
     <input type="text" value="Address"> 
    </div> 
    <div class="box_circle"> 
     <div class="loop"></div> 
     <div class="circle_order"> 
      <div class="pos"> 
       <div class="order"></div> 
       <div class="follow"> 
        <a class="button" href="#"><span>Order</span></a> 
        <a id="b_track_order" class="button" href="#"><span>Track Order</span></a> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

看看例子。如果我理解正確的問題，要消除對mouseleave事件box_circle的添加類，就像你正在使用addClass()，你可以簡單地使用removeClass()方法：

$('.box_circle').on('mouseleave', function() { 
    $('#track_order').removeClass('active'); 
}); 

正如你可能知道，標識應該是唯一的，如果你正在使用的ID只爲選擇的元素，你可以使用類和jQuery的.prev()和closest()方法，而不是：

$('.box_circle').on('mouseleave', function() { 
    $(this).prev().removeClass('active'); 
}).find('a.track_order_btn').on('click', function(){ 
    $(this).closest('.box_circle').prev().addClass('active'); 
}); 

Answer 2

請，走在http://api.jquery.com/mouseout/和http://api.jquery.com/removeClass/