首页 web前端 js教程 用jquery实现点击栏目背景色改变_jquery

用jquery实现点击栏目背景色改变_jquery

May 16, 2016 pm 05:46 PM
栏目 背景色

用jquery如何实现点击一栏目实现栏目变色,再点击另一栏目也变色,但原来的变回原色,我有个数组a(1,2,3,我循环遍历输出a的值。

复制代码 代码如下:

点击1,1变色,点击2,2变色,但1会变回原来的颜色.我show方法实现了其他的功能.
下面是我初试的代码
HTML code:
复制代码 代码如下:


JScript code:



上面的代码中,样式‘clckClass‘可能在其他元素上使用,使用$(‘.clckClass').removeClass(‘clckClass');会将画面上所用使用clckClass样式的元素移出clckClass样式的。这显然不是我们要得结果,我们只需要移出ul li a下的clckClass样式。不过后来发现上面的代码中,唯一一点是那个clckClass只能在这几个标签使用,如果其他也用的话,就可能会影响效果,是我考虑不周到,我只考虑了clckClass这个样式只应用在这上面的情况,那么根据这个可以做一下小的修改,如下:
JScript code:
复制代码 代码如下:



这样写将拥有clckClass这个类的节点保存在变量中,下一次点击时可以不用进行一次遍历,速度会快一点.
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

谷歌浏览器背景色怎么改?谷歌浏览器背景色设置方法 谷歌浏览器背景色怎么改?谷歌浏览器背景色设置方法 Mar 13, 2024 pm 01:40 PM

  谷歌浏览器的背景是默认的,那么我们想要更换该怎么设置呢?谷歌浏览器是具有修改背景颜色功能的,但是很多新手伙伴不清楚如何修改,其实很简单,下面小编带来的谷歌浏览器修改背景颜色步骤方法,感兴趣的话一起来看看吧。  修改方法  1、首先打开Google浏览器,点击右上角的三点。  2、然后出现下拉框,点击设置。  3、接着点击自定义您的Chrome个人资料。  4、最后选择喜欢的颜色,浏览器的背景就会自动变色。

如何修改Win7文件夹的背景颜色 如何修改Win7文件夹的背景颜色 Jan 01, 2024 pm 10:11 PM

虽然使用了很长时间的电脑,但是很多朋友可能不知道,win7系统文件夹的背景色是可以更改的,我们可以选择自己喜欢的颜色成为文件夹的背景色,只需要替换相应的文件就可以了,下面一起来看一下吧。win7文件夹背景色更改教程1、首先我们进入“windows”文件夹。2、然后进入以下路径“C:\Windows\Resources\Themes\Aero\Shell\NormalColor”,找到“shellstyle.dll”文件,复制他,然后关注一下它的大小。3、接着新建一个文件夹,将它粘贴进去,备份好。

使用PyCharm调整背景颜色的方法 使用PyCharm调整背景颜色的方法 Feb 02, 2024 pm 06:33 PM

如何利用PyCharm调整背景颜色,需要具体代码示例导言:PyCharm是一种功能强大的Python集成开发环境(IDE),它提供了许多方便的功能来提高开发人员的效率。其中之一就是可以调整编辑器的背景颜色。本文将介绍如何使用PyCharm调整背景颜色,并给出具体的代码示例。正文:PyCharm提供了一个易于使用的界面,以允许用户自定义编辑器的外观和感觉。要调

记事本怎么设置背景? Win7设置记事本背景色的方法 记事本怎么设置背景? Win7设置记事本背景色的方法 Jun 11, 2024 pm 01:49 PM

最近有用户想要修改电脑记事本的背景颜色,但不清楚具体如何去修改,其实方法非常简单,本文将给大家带来Win7记事本背景颜色的修改方法。1、首先,打开控制面板界面,并点击进入其中的“外观和个性化”。2、接着,在打开的界面中,选择进入到“个性化”设置。3、然后,点击最下方的“窗口颜色”。4、随后,在弹出的窗口中,将“项目”选择为“窗口”,并设置所想要的颜色,点击确定即可。

如何在dedecms中增加新栏目? 如何在dedecms中增加新栏目? Mar 14, 2024 pm 01:51 PM

如何在dedecms中增加新栏目?随着互联网的快速发展,网站内容管理系统变得越来越重要。而dedecms作为一款功能强大且灵活的内容管理系统,受到了许多网站开发者的青睐。在使用dedecms建站的过程中,有时候我们需要根据实际需求增加一些新的栏目,以便更好地组织和管理网站内容。那么,如何在dedecms中增加新栏目呢?接下来将为您介绍具体的操作步骤和代码示例

Dedecms删除栏目的注意事项 Dedecms删除栏目的注意事项 Mar 14, 2024 pm 10:00 PM

在使用DedeCMS建站过程中,经常会遇到需要删除栏目的情况,而正确的删除栏目操作不仅要注意数据库一致性和数据完整性,还要确保网站正常访问不受影响。本文将介绍删除DedeCMS栏目的注意事项,同时附上具体的代码示例,帮助网站管理员正确地进行操作。首先,我们需要了解删除栏目涉及到的几个关键表:dede_arctype、dede_addonarticle、ded

Dedecms删除栏目的步骤详解 Dedecms删除栏目的步骤详解 Mar 15, 2024 am 10:15 AM

在Dedecms中,删除栏目是网站管理中常见的操作之一。在进行删除栏目操作之前,需要谨慎对待,以免对网站造成不可逆的影响。下面将详细介绍在Dedecms中删除栏目的步骤,并提供具体的代码示例,帮助网站管理员顺利完成这一操作。首先来看一下在Dedecms中删除栏目的具体步骤:登录Dedecms后台管理系统,进入栏目管理页面。找到需要删除的栏目,点击栏目名称进入

如何在DedeCMS中修改栏目设置? 如何在DedeCMS中修改栏目设置? Mar 14, 2024 pm 09:27 PM

在DedeCMS中,修改栏目设置是非常常见且重要的操作。栏目设置的修改涉及到网站的结构布局、推广效果和用户体验等方面。本文将介绍如何在DedeCMS中修改栏目设置,并提供具体的代码示例,帮助读者更好地理解和应用这一功能。DedeCMS是一款功能强大的内容管理系统,其灵活的模板系统和丰富的插件库为网站的定制提供了很大的便利。在DedeCMS中,栏目设置包括但不

See all articles