jquery 写入body样式

在web开发中，jQuery是一个非常常用的JavaScript库。它简化了DOM操作、事件处理、动画效果等操作。今天我们来探讨如何用jQuery来向body元素中写入样式。

首先，我们需要使用以下代码来获取到body元素：

var $body = $('body');

然后，我们可以使用以下代码来向body元素中添加css样式：

$body.css('background-color', 'pink');

在这个例子中，我们设置了body元素的背景颜色为粉色。可以看到，我们使用了.css()方法来设置样式。该方法的第一个参数是样式名称，第二个参数是要设置的值。当然，我们也可以同时设置多个样式，就像这样：

$body.css({
    'background-color': 'pink',
    'font-size': '20px',
    'color': 'white'
});

在这个例子中，我们同时设置了3个样式：背景颜色、字体大小和字体颜色。

当然，我们也可以使用.addClass()、.removeClass()和.toggleClass()等方法来添加、删除和切换class，进而改变元素的样式。这些方法的使用和上述例子类似，不再赘述。

总的来说，用jQuery向body元素中写入样式是非常简单的。希望这篇文章能够帮助到你，在实际开发中更好地应用jQuery。