🌟JS & jQuery：轻松玩转div显示与隐藏✨

大家好呀！今天来聊聊如何用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()`，可以切换显示状态哦！🔥

无论哪种方式，都能让你的网页更加灵动有趣。快去试试吧！💻💨