在Mouse Over上删除Css类

时间:2015-04-21 20:17:28

标签: javascript jquery css

我有一个jquery函数,可以添加一个css类" tint"负载。我希望在悬停时或当鼠标悬停在div上时删除此类。

jQuery的:

revapi1.on('revolution.slide.onloaded', function () {
    revapi1.find('li').each(function () {
        var slide = jQuery(this);
        if (slide.find('.slidelink').length) {
            slide.find('.slotholder').addClass('tint');
        }
    });
});

2 个答案:

答案 0 :(得分:2)

试试这个

$( "yourElement" ).hover(function() {
  $( "yourElement" ).removeClass( "tint" )
});

答案 1 :(得分:1)

当鼠标移过“元素”

时,您可以尝试将其删除
$("element").mouseover(function(){
    $("element").removeClass("tint");
});

您还可以使用悬停功能。此外还有一个名为' toggleclass '的功能,以及你想要再次添加课程

$("element").hover(function () {
    $(this).toggleClass("tint");
 });

添加了幻灯片演示 https://jsfiddle.net/884L0j85/12/