css jquery隐藏一个div,显示另一个

<div class="div1">这是要隐藏的div</div>
<div class="div2" style="display:none">这是要显示的div</div>

.hide {
  display: none;
}

.show {
  display: block;
}

// 使用JavaScript
document.querySelector('.div1').classList.add('hide');
document.querySelector('.div2').classList.remove('hide');

// 使用jQuery
$('.div1').addClass('hide');
$('.div2').removeClass('hide');

$('.div1').hide();
$('.div2').show();