toggle,hasClass

Posted flms

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了toggle,hasClass相关的知识,希望对你有一定的参考价值。

toggle

但当toggle(),不带参数时,与show()和hide()的作用一样,切换元素的可见状态,如果元素是可见的,则切换为隐藏状态;如果元素是隐藏的则切换为可见状态,此时括号内可添加()毫秒(如1000)等),slow,normal,fast等;

   toggleClass( )与toggle( )差不多,如果里面含有class样式则移除,没有的话则添加;其事例代码如下:

   $("#p").click(function(){
             $("#i").toggle("slow");  //显示或隐藏
            $("#i").toggleClass("lastone");//如果有lastone样式则清除否则添加
            $("#i").toggleClass("up");//如果有lastone样式则清除否则添加
$("#pp").removeClass("pp"); //移除样式PP
  });
hasClass
是否包含样式

if ($("#pp").hasClass("pp")) {
alert("包含");
} else {
alert("不包含");
}

以上是关于toggle,hasClass的主要内容,如果未能解决你的问题,请参考以下文章

点击展开收起

是否可以在条件语句中链接 hasClass() 或 is() ?

jquery e.target.hasClass 不工作

尝试使用 jquery hasClass 来打破悬停功能

jQuery.hasClass() 函数详解

jQuery.hasClass() 函数详解