jquery实现点击改变背景色，点击其他恢复原来背景色，被点击的改变背景色

实现这个功能很简单，可是之前自己不怎么熟悉jquery，感觉各种乱写。现在终于整理好了思路。

html：

<div class="managementPanel"><div>div1</div><div class="red">div2</div><div>div3</div><div>div4</div><div>div5</div>
</div>

css：

<style type="text/css">.managementPanel div:hover{background: #588600;}.red{background: red;}
</style>

jquery:

<script type="text/javascript">//点击$(document).ready(function(){$(".managementPanel div").click(function() {$(".managementPanel div").removeClass("red");$(this).addClass("red");})});
</script>

很简单吧，点击增加颜色前先移除最开始的颜色，再增加。颜色有点丑，只是为了实现效果。最后类似这样.当然前提是一定要加载jquery库啊，不能粗心。

转载于:https://www.cnblogs.com/zaoansijia/p/4484217.html

jquery实现点击改变背景色，点击其他恢复原来背景色，被点击的改变背景色相关推荐

android 点击图标重启,Android应用第一次安装成功点击“打开”后Home键切出应用后再点击桌面图标返回导致应用重启问题的解决方法...
Android应用第一次安装成功点击"打开"后Home键切出应用后再点击桌面图标返回导致应用重启问题的解决方法 if((getIntent().getFlags() & I ...
html点击按钮切换图片代码_SVG创意推文—『点击开窗』教程
嘿,胖友们大家好呀,我是三儿. 好久不见,胖友们有没有想我呀!最近这段时间,各大官媒齐齐出手,朝着SVG创意推文进军.之前人民日报推了一篇<点亮武汉>在当时引起了不小的轰动,三儿也连忙出了 ...
java获取页面点击次数_在Java中怎样得出一个按钮点击的次数
展开全部 java中得出一个按钮点击的次数,可以使用临时变量32313133353236313431303231363533e58685e5aeb931333337616566来保存点击的次数,在监听 ...
一秒点击手机屏幕次数_抓住夏天的尾巴｜与自动点击评论器邂逅一次
"夏天"好像是有个浪漫的季节,夏天的晚风,轻轻吹动窗台上的帘子,暮色朦胧舒适到差点我就要这样过一生了. 因为它突如其来的高温天气,热的人们猝不及防,空调.西瓜.冰棍儿.游泳池.野外 ...
ios 连续点击button_iOS小技巧：用runtime 解决UIButton 重复点击问题
作者:uxyheaven 授权本站转载. 什么是这个问题我们的按钮是点击一次响应一次, 即使频繁的点击也不会出问题, 可是某些场景下还偏偏就是会出问题. 通常是如何解决我们通常会在按钮点击的时候设 ...
cpc按点击计算怎么算_什么是CPC（每次点击费用）？
每次点击费用(CPC)是一个付费广告条款,广告客户每次点击广告都会向发布商支付费用.每次点击费用也称为每次点击付费(PPC).每次点击付费用于搜索引擎,社交媒体平台和其他发布商上向用户展示广告的费用. ...
vue 使用高德地图给海量点标记，并点击标记弹出信息窗口，信息窗口绑定点击事件
目录一.需求二.引入高德地图 2.1.将高德地图引入到项目中 2.2.查看官网快速上手,熟悉高德地图的主要API 2.3.海量点标注要用到的API文档 2.4.全部代码其他: 一.需求因为不知 ...
android 遮罩使底层无法点击,小程序防止点击遮罩层后遮罩层下面也反应（有点击事件）...
小程序防止点击遮罩层后遮罩层下面也反应(有点击事件) 发布时间:2018-08-11 00:02, 浏览次数:1008 最近在做自定义弹窗,不免会使用到遮罩层或者说蒙层. 但是关键是,有遮罩层后,再点 ...
js实现按钮点击变色，其他的按钮恢复默认颜色
JavaScript实现按钮点击变色,其他的按钮恢复默认颜色,则需通过循环实现,当有按钮点击的时候,先将所有的按钮的颜色,更改为空,然后在针对,鼠标点击的相应的按钮,进行更改按钮颜色: onclick ...
python 自动点击网页上按钮_python selenium自动化（一）点击页面链接测试
需求:现在有一个网站的页面,我希望用python自动化的测试点击这个页面上所有的在本窗口跳转,并且是本站内的链接,前往到链接页面之后在通过后退返回到原始页面. 要完成这个需求就必须实现3点: 1. 找 ...

jquery实现点击改变背景色，点击其他恢复原来背景色，被点击的改变背景色

jquery实现点击改变背景色，点击其他恢复原来背景色，被点击的改变背景色相关推荐

最新文章

热门文章