简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer： 2016-05-16 17:46:53
original
1413 Les gens l'ont consulté

用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这个类的节点保存在变量中，下一次点击时可以不用进行一次遍历，速度会快一点.
Étiquettes associées：
Colonne couleur de fond
source：php.cn
Article précédent：什么是json和jsonp,jQuery json实例详详细说明_json Article suivant：jQuery(非HTML5)可编辑表格实现代码_jquery
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Modifier dynamiquement les styles CSS en ligne dans Javafx J'essaie de changer l'image d'arrière-plan d'un volet lorsque l'application est agrandie. ...
Depuis 2024-04-06 20:57:16
0
1
487
Styles CSS non appliqués au site Je crée un site Web en utilisant Bootstrap5 mais les propriétés index.css ne sont pas appl...
Depuis 2024-04-06 17:12:23
0
1
336
Electron obtient AppData en préchargement Comment obtenir le répertoire AppData préchargé ? Background.js[...]asyncfunctioncreateWin...
Depuis 2024-04-06 11:05:31
0
1
417
Lancez un navigateur transparent pour améliorer l'expérience des applications Web et des PWA [prend en charge HTML, CSS et JavaScript statiques] [permet aux utilisateurs d'afficher les fonds d'écran de nos applications Web/PWA] Je suis un développeur et concepteur front-end junior développant actuellement une applica...
Depuis 2024-04-05 13:50:12
0
1
1367
Opacité inférieure de l'image d'arrière-plan de défilement, limite l'opacité minimale J'essaie d'obtenir que l'image d'arrière-plan réduise l'opacité lors du défilement et une ...
Depuis 2024-04-04 23:50:53
0
1
1329
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！