Question

我正在尝试使用以下代码块，但无效。我需要使用悬停函数，但如果div有一个类myclass，则不想显示样式display: none：

jQuery('.image').not('.myclass').hover( function()
{
     jQuery(this).find('.arrow').show();
}, function()
{
     jQuery(this).find('.arrow').hide();
});

Answer 1

您可以考虑使用not而不是if statement。像

这样的东西

$('.image').mouseenter(function(){
    if($(this).hasClass('myclass')){
        $('.arrow').show();
    }    
});

$('.image').mouseleave(function(){
    if($(this).hasClass('myclass')){
        $('.arrow').hide();
    }    
});

示例： http://jsfiddle.net/ccB7K/2/

Answer 2

而不是使用.not，而是使用JQuery而不是CSS样式选择器。

这里的实施。 http://jsfiddle.net/CJp4A/

Answer 3

你可以试试这个

jQuery('.image:not(.myclass)')

http://api.jquery.com/not-selector/

在jQuery中使用带有.hover的.not函数

3 个答案: