🌟JS & jQuery：轻松玩转div显示与隐藏✨
发布时间：2025-04-08 21:26:12来源：
大家好呀！今天来聊聊如何用JS和jQuery实现div的显示与隐藏，这可是前端开发中常见的小技巧哦～😉 无论是做交互效果还是页面优化，掌握这些方法都非常实用！
首先，用纯JS实现很简单。比如通过`style.display`属性，设置为`block`或`none`即可。代码如下：
```javascript
function toggleDiv() {
let div = document.getElementById('myDiv');
if (div.style.display === 'none') {
div.style.display = 'block';
} else {
div.style.display = 'none';
}
}
```
接着是jQuery大显身手的时候啦！jQuery提供了更简洁的方式，例如使用`.show()`和`.hide()`方法：
```javascript
$('myDiv').hide(); // 隐藏
$('myDiv').show(); // 显示
```
还有更酷炫的`.toggle()`，可以切换显示状态哦！🔥
无论哪种方式，都能让你的网页更加灵动有趣。快去试试吧！💻💨
免责声明：本答案或内容为用户上传，不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 如遇侵权请及时联系本站删除。
