jquery实现导航栏鼠标点击后实行背景高亮，点击离开恢复（超级简单！！！！）...
生活随笔
收集整理的這篇文章主要介紹了
jquery实现导航栏鼠标点击后实行背景高亮，点击离开恢复（超级简单！！！！）...
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
昨天才寫了一個(gè)方法，今天發(fā)現(xiàn)一個(gè)更簡(jiǎn)單的。
html：
<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title></title> </head> <body> <div class="dianji"><div>div1</div><div class="red">div2</div><div>div3</div><div>div4</div><div>div5</div> </div> </body> </html>css：
<style type="text/css">.red{background: red;} </style>js：就一句話啊
<script type="text/javascript">$(document).ready(function(){$(".dianji div").click(function() {$(this).addClass("red").siblings().removeClass("red");})}); </script>真的超級(jí)簡(jiǎn)單啊！因?yàn)樘“?#xff0c;以前以為好復(fù)雜。不過(guò)前提要加載jquery庫(kù)。
轉(zhuǎn)載于:https://www.cnblogs.com/zaoansijia/p/4488374.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的jquery实现导航栏鼠标点击后实行背景高亮，点击离开恢复（超级简单！！！！）...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： java实验二
- 下一篇： Floyd算法应用-医院选址问题