搜尋
首頁web前端js教程用jquery實現點選欄位背景色改變_jquery

用jquery如何實現點擊一欄目實現欄位變色,再點擊另一欄目也變色,但原來的變回原色,我有個數組 a(1,2,3,我循環遍歷輸出a的值。

複製程式碼 程式碼如下:

點選1 ,1變色,點選2,2變色,但1會變回原來的顏色.我show方法實現了其他的功能.
下面是我初試的代碼
HTML code:
複製代碼 代碼如下:




上面的程式碼中,樣式'clckClass'可能在其他元素上使用,使用$('.clckClass' ).removeClass('clckClass');會將畫面上所用使用clckClass樣式的元素移出clckClass樣式的。這顯然不是我們要得結果,我們只需要移出ul li a下的clckClass樣式。不過後來發現上面的程式碼中,唯一一點是那個clckClass只能在這幾個標籤使用,如果其他也用的話,就可能會影響效果,是我考慮不周到,我只考慮了clckClass這個樣式只應用在這上面的情況,那麼根據這個可以做一下小的修改,如下:
JScript code:
複製程式碼 程式碼如下:



這樣寫將擁有clckClass這個類別的節點保存在變數中,下次點擊時可以不用進行一次遍歷,速度會快一點.
陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
谷歌浏览器背景色怎么改?谷歌浏览器背景色设置方法谷歌浏览器背景色怎么改?谷歌浏览器背景色设置方法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 15, 2024 am 10:15 AM

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

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

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

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

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

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

將Eclipse與SAP NetWeaver應用伺服器整合。

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器