在 jQuery 中使用 .not 函数和 .hover

发布于 2024-12-05 15:30:30 字数 271 浏览 3 评论 0原文

我正在尝试使用以下代码块，但不起作用。我需要使用悬停功能，但如果 div 有类 myclass，则不想显示样式 display: none：

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

原文

I'm trying to use the following block of code, but is not working. I need to use the hover function, but do not want to show the style display: none if the div has a class myclass:

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

小镇女孩 2024-12-12 15:30:30

您可以考虑使用 if 语句，而不是 not。类似

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

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

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

Instead of not, you might consider an if statement. Something like

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

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

Example: http://jsfiddle.net/ccB7K/2/

回复收藏 0 原文