<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="../public/js/jquery-2.2.3.min.js"></script>
<script>
$(function () {
$('div').on('click',function(){
var $div = $(this);
var $others = $div.siblings();
if($div.hasClass('bg')){
$div.removeClass('bg').addClass('bg_click').html('B');
}else {
$div.removeClass('bg_click').addClass('bg').html('A');
}
$others.addClass('bg').removeClass('bg_click').html('A');
});
})
</script>
<style>
.bg {
width: 18px;
height: 18px;
margin-top: 10px;
background-color: red;
}
.bg_click {
width: 18px;
本内容试读结束,登录后可阅读更多
下载后可阅读完整内容,剩余1页未读,立即下载