border:solid 1px red
}
<div id="test">
<img class="testImg" src="#" />
<img class="testImg" src="#" />
<img class="testImg" src="#" />
...
</div>
$(".testImg").click(function(){
$(this).addClass("sel").siblings("testImg").removeClass("sel")
})
这样如何？
1、首先输入下方的代码：
<body>
<div id="div1" style="width:100pxheight:100pxbackground:red"></div>
</body>
<script>
var vDiv = document.getElementById('div1')
2、然后点击输入下方的代码：
oDiv.onclick=function(){
if(this.style.backgroundColor == 'red'){
this.style.backgroundColor = '#000'
}else{
this.style.backgroundColor = 'red'
}
}
</script>
3、然后这样就完成了。
$(document).ready(function() {$(".img").click(function() {
if($(".checkbox").prop("checked")) {//先判断该checkbox是否已经被先中。
$(".checkbox").attr("checked","")
$(this).removeClass("check")//".check"这个是图片被激活后的样式。即该被点击的图片有两个状态，一个是正常，另一个是被激活后，写在两个样式里。
} else {
$(".checkbox").attr("checked","checked")
$(this).addClass("check")
}
})
})
JQuery记得用1.6后的版本。
.img 这个是被点击图片的样式
.check 这个是图片被点击过后的样式
.checkbox 这是那个checkbox的样式
