你可以给你要获得的div元素定义一个ID
通过通过ID来获取元素
<!DOCTYPE HTML><html>
<head>
<title>yugi</title>
<meta charset=UTF-8 />
<style type="text/css">
.red {
background-color: red
}
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
jQuery (function ()
{
$ ("div").click (function ()
{
$ (this).addClass ("red").siblings ("div").removeClass ("red")
})
})
</script>
</head>
<body>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
</body>
</html>
修改border样式就可以了需要结构,以div的class为"bank"为例:
css部分:
.back_active{border:1px solid red}
jquery部分:
$(".bank").click(function(){
if($(this).hasClass("bank_active")) return
$(".back_active").removeClass("back_active")
$(this).addClass("back_active")
})