javascript - 所选元素的鼠标移开效果

Question

我有一个产品元素在选择/取消选择时会产生一些效果。我通过点击打开和关闭 selected 类来做到这一点，如下所示:

$('.myItem').click(function() {
  $(this).toggleClass('selected'); 
})

现在，我还需要在光标离开元素时应用一堆效果而元素被选中。

我尝试通过多种方式实现这一目标，但没有成功。实现这一目标的正确方法是什么？

Answer 1

你可以为此使用 mouseleave，然后你只需要检查元素是否有你想要的类。

$('.myItem').mouseleave(function() {
    if($(this).hasClass('selected')
    {
        //Do effects
    }
});