您的位置：首页 > Web前端 > JQuery

jquery实现导航栏鼠标点击后实行背景高亮，点击离开恢复（超级简单！！！！）

2015-05-08 17:36 513 查看

昨天才写了一个方法，今天发现一个更简单的。

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库。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航