jquery 点击并添加class后判断该CLASS

问题描述

问 题

如题所述。
代码如下：

<div class="click">click me</div>
<div class="box-content">点击BOX后添加CLASS="show"并判断是否有show这个CLASS，如果有当鼠标在class="click"上则显示box-content这段文字，如果鼠标不在class="click"上则不显示</div>

想要实现的效果如上所述，box-content默认隐藏，首先点击.box后添加.show（<div class="click show">click me</div>）。

如果有.show这个class后，当鼠标经过或在class="click"，则显示.box-content这段文字。没有经过或不在class="click"则不显示。

我试了

$(function(){
    $(".click").click(function(){
        $(this).toggleClass("show");
    });
    if($(".click").hasClass("show")){
        $(".click").hover(function(){
            $(".box").stop().fadeToggle();
        });
    }
});

结果点击过后并没有显示。鼠标经过或在上面也是没显示。还望各位赐教。先谢谢啦！~

解决方案

这样试试

$(function(){
    $(".click").click(function(){
        $(this).toggleClass("show");
    });
    $(".click").hover(function(){
        if ($(this).hasClass('show')) {
            $(".box").stop().fadeToggle();
        }
    });
});

这篇关于jquery 点击并添加class后判断该CLASS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！