jquery 点击并添加class后判断该CLASS
本文介绍了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屋!
查看全文