在网页开发中，动态调整元素样式是家常便饭。今天就来聊聊如何用jQuery轻松搞定CSS样式的添加和移除吧！💻
首先，让我们看看如何用jQuery为元素添加样式。假设你想让某个按钮点击后显示更多内容，可以使用`addClass()`方法。例如：`$('myButton').click(function() { $('content').addClass('show'); });`，其中`.show`是一个预定义的CSS类，包含`display: block;`属性。👀
当然啦，有时候我们还需要将样式移除。比如当用户关闭内容时，可以用`removeClass()`方法：`$('closeBtn').click(function() { $('content').removeClass('show'); });`。这样就能优雅地隐藏内容啦！🗑️
最后，如果你想直接通过JavaScript操作`style`属性，也可以使用`attr()`方法设置`display`值，比如`$('content').attr('style', 'display: none;')`。简单粗暴，效果立竿见影！⚡️
掌握这些技巧后，你的网页交互会更加灵活有趣哦！💫