js实现隐藏div
使用CSS的display属性隐藏div
通过设置元素的display属性为none可以隐藏div，同时不占据页面空间：
document.getElementById('myDiv').style.display = 'none';要重新显示div，可以设置为block或其他合适的值：
document.getElementById('myDiv').style.display = 'block';使用CSS的visibility属性隐藏div
设置visibility为hidden会隐藏元素但保留其占据的空间：
document.getElementById('myDiv').style.visibility = 'hidden';恢复显示时设置为visible：
document.getElementById('myDiv').style.visibility = 'visible';使用classList添加/移除隐藏类
定义一个CSS隐藏类：
.hidden {
display: none;
}通过JavaScript切换这个类：
// 隐藏
document.getElementById('myDiv').classList.add('hidden');
// 显示
document.getElementById('myDiv').classList.remove('hidden');使用jQuery隐藏/显示div
如果项目中使用jQuery，可以使用以下方法：
// 隐藏
$('#myDiv').hide();
// 显示
$('#myDiv').show();
// 切换显示状态
$('#myDiv').toggle();通过修改opacity实现淡入淡出效果
设置透明度为0实现视觉上的隐藏，元素仍占据空间：
document.getElementById('myDiv').style.opacity = '0';恢复显示：
document.getElementById('myDiv').style.opacity = '1';可以结合CSS过渡效果实现动画：
.fade {
transition: opacity 0.5s ease;
}使用HTML5的hidden属性
现代浏览器支持原生hidden属性：
document.getElementById('myDiv').hidden = true; // 隐藏
document.getElementById('myDiv').hidden = false; // 显示注意事项
display: none会从文档流中移除元素，可能影响页面布局visibility: hidden会保留元素空间，适合需要保持布局稳定的场景- 如果元素需要频繁显示/隐藏，使用class切换性能更好
- 考虑无障碍访问时，确保隐藏内容对屏幕阅读器也不可见
