学做网站培训课程介绍

当前位置:

JQUERY toggleClass()实现点击添加Class再点击去除Class

老师,看到课程里讲JQUERY点击反复变化的效果,常用到toggle(),用于DIV的显示与隐藏。那么能不能实现点击添加Class再点击去除Class呢?

可以的。JQUERY toggleClass()就可以达到你要求的效果。点击添加一个class,再点击就去除这个class类。
用法如下:


$(".mol_navs").click(function(){
$(this).toggleClass("mol_navs2");
})

还可以同时控制多个元素


$(".molicon").click(function(){
$(this).toggleClass("xz").parents().siblings().find(".molicon").removeClass("xz");
})

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 如果网站上一篇文章比较长的情况下 ,为了方便用户浏览自己所需要的部分,可以在文章的顶部添加一个目录列表,每一个列表项都是一个锚链接,点击后直
  • WORDPRESS 网站调用评论框,我们会使用以下的函数进行直接调用:<?phpcomments_template();?>但是这个函数只能在文章页或者PAG
  • 现在很多人都在学习自己做网页,网站制作总体来说并不算难,但实际制作起来也是一个系统工程。在自己做网站之前需要了解一下网页制作流程,这样对于后
  • 有些新手不知道搭建一个网站需要哪些东西,往往摸不着头脑。下面学做网站论坛就来介绍一下搭建一个网站需要什么东西。建网站的软件和工具建一个网
  • 做网站需要学什么? (11152 次浏览)
    做网站需要学什么?先学什么?后学什么?步骤可以讲下。学什么软件讲下最好。谢谢!做网站开发需要学习下面几个知识:1.至少要会一种开发语言,如J
  • 做网站一般用什么语言 (11182 次浏览)
    老师,我想学习做网站,我在百度上查询,建网站好像要学习很多种类语言,好难的样子。请问像我这样的新手学习建网站一般要用什么建站语言呢?不需要
  • 学习网页设计需要什么软件?学习网页设计需要用到以下四大软件:1. 必学Photoshop软件既然是网页设计,那么Photoshop自然是必须要学的咯。在写代码
  • 本人想学习网页设计开发之类的,请问现在学网页设计怎么样?有前途吗?你好,如果单纯学习网页设计现在是没有什么竞争性了。建议你学习整套的网页网
  • 老师好!我是一个零基础小白,对做网站一无所知,但对于做网站非常感兴趣,也想以后能够从事这方面的工作。现在比较迷茫,不知道像我这样的零基础新
  • 我想要创一个专门写小说的网站,名字已经想好了,可以告诉我怎样做吗,做这样的小说网站需不需要软件,要不要花钱,请论坛老师给你介绍一下,谢谢!