jquery实现导航栏鼠标点击后实行背景高亮,点击离开恢复(超级简单!!!!)
昨天才写了一个方法,今天发现一个更简单的。
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>
真的超级简单啊!因为太小白,以前以为好复杂。不过前提要加载jquery库。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。