jquery里写css样式

jQuery是一种使用极广的前端JavaScript库，许多网页都使用jQuery库进行设计和开发。也许你已经掌握了如何使用jQuery来操作DOM元素，但是你是否知道，jQuery还有一个很强大的功能：可以使用jQuery来修改CSS样式！

你可以使用jQuery为网页的元素添加或修改CSS属性，比如颜色、尺寸、字体样式等等。下面我们来看看怎么样使用jQuery来实现CSS样式的修改。

$(selector).css(property,value);

其中，选择器是你想要修改样式的元素；属性是你想要修改的CSS属性名；值是你想要设置的CSS属性值。示例如下：

//修改body元素的背景颜色为红色$("body").css("background-color", "red");//修改所有p元素的字体大小为20px$("p").css("font-size", "20px");//修改特定元素的字体样式为粗体$("#myElement").css("font-weight", "bold");

你可以使用这个方式来修改大部分常见的CSS属性。而且，你也可以使用jQuery来修改复合属性，比如border、margin等等：

//为body元素添加边框$("body").css("border", "1px solid black");//为所有p元素添加5像素的外边距$("p").css("margin", "5px");

当然，使用jQuery修改CSS样式并不局限于这些基本的用例，你可以做很多很有趣的修改，比如使用动画来实现过渡效果。而且，也要注意，每次调用css()函数都会触发重新绘制，所以如果你需要修改大量元素的CSS样式，最好使用class。

总之，使用jQuery来修改CSS样式是非常有用的一个技巧。假如你还没有尝试过，那么现在就去使用它吧！