Question

javascript 求助一个判断问题

我现在通过
<script type="text/javascript">
$(document).ready(function(){
$("nav ul li").hover(function() {
$(this).addClass("active");
$(this).find("ul").show().animate({opacity: 1}, 400);
},function() {
$(this).find("ul").hide().animate({opacity: 0}, 200);
$(this).removeClass("active");
});
});
</script>
将悬浮、点击使里面的 class 改变 达到变色效果

但是我针对已经在该页的 直接页面就有 class=active
那我想知道 如何修改 达到 判断，已经有class的就不对其进行增加或删除
因为鼠标经过会增加，移开就收回 针对已经激活的页面 被收回了有点不美观
谢谢啦 该语言不是很会 恳请指导

Answer 1

<script type="text/javascript">
$(document).ready(function(){
$("nav ul li").hover(function() {

if(!$(this).hasClass('active')){ //如果没有class='active'
$(this).addClass("active");
}

$(this).find("ul").show().animate({opacity: 1}, 400);
},function() {
$(this).find("ul").hide().animate({opacity: 0}, 200);

if($(this).hasClass('active')){//如果有class='active'
$(this).removeClass("active");
}

});
});
</script>

Answer 2

$(this).hasClass('active')

追问

具体怎么用啊 放哪里啊