toggleClass()原来是这么用的

toggleClass(),是jq里面的一个方法,可以对一个元素的class进行切换;

下面就实验一下效果:

html:

<button>按钮</button>

css:

.red{background: red;}

jq:

$(function(){
    $("button").click(function(){
        $(this).toggleClass("red");                    
    })
})

效果肯定很明了,按钮默认是灰色的,切换red类名,就是灰色和红色切换。(这里就不放图了,脑补一下就知道了。)

but!假如要两个类名切换,怎做呢,后来试了试才知道,toggleClass("red green"),可以放两个class,这样就能两个类名进行切换了。唉,代码如果理解的不深,总是把简单的事情复制话。
稍微记录一下,希望下次这脑瓜子能记住

 

posted on 2018-05-17 11:04  小糖堆儿笔记  阅读(6811)  评论(0编辑  收藏  举报