标题 点击按钮切换显示不同盒子(常用js与jequery方法)
记录第一次我的bolg
<button id="btn1">图状</button>
<button id="btn2">列表</button>
<div class="div1" style="width: 50px;height: 50px;background-color: #CCC; display: block;">
图状
</div>
<div class="div2" style="width: 50px; height: 50px; background-color: blue; display: none;">
列表
</div>
<script src="./js/jquery-2.1.4.min.js"></script>
<script>
$(function() {
$('#btn1').on('click', function() {
$('.div1').css("display", "block");
$('.div2').css("display", "none")
})
$('#btn2').on('click', function() {
$('.div1').css("display", "none");
$('.div2').css("display", "block")
})
})
</script>