Jquery 如何删除mouseleave上的类

Jquery 如何删除mouseleave上的类,jquery,html,Jquery,Html,我想在上的鼠标移动后删除上的类。我怎样才能做到这一点 以下是我的例子: jQuery HTML 订单号 电话号码 地址 请看一看和中的示例如果我正确理解了这个问题,您希望在框(圆)的mouseleave事件中删除添加的类,就像使用addClass()一样,您可以简单地使用removeClass()方法: $('.box_circle').on('mouseleave', function() { $('#track_order').removeClass('active'); });

我想在
上的
鼠标移动后删除
上的类。我怎样才能做到这一点

以下是我的例子:

jQuery

HTML


订单号
电话号码
地址

请看一看和中的示例

如果我正确理解了这个问题,您希望在
框(圆)
mouseleave
事件中删除添加的类,就像使用
addClass()
一样,您可以简单地使用
removeClass()
方法:

$('.box_circle').on('mouseleave', function() {
   $('#track_order').removeClass('active');
});
您可能知道,ID应该是唯一的,如果您使用ID只是为了选择元素,那么您可以使用类和jQuery的
.prev()
最近的()
方法:

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

请告诉我们更多关于您希望实现的目标以及您迄今为止所做的尝试。如果可能的话,请提供一个。我喜欢在单击按钮后添加类,并删除类取消覆盖框,以便使用css3制作动画
$('.box_circle').on('mouseleave', function() {
   $('#track_order').removeClass('active');
});
$('.box_circle').on('mouseleave', function() {
    $(this).prev().removeClass('active');
}).find('a.track_order_btn').on('click', function(){
    $(this).closest('.box_circle').prev().addClass('active');
});