jquery是目前最流行的javascript库之一，它可以使开发者更轻松地操作html页面。其中一个最基础、最常用的功能是使用jquery改变css样式。
一、JQuery改变CSS样式的基础语法
在JQuery中，我们使用.css()方法来改变元素的css样式，语法如下：
$(selector).css(property,value)
其中，selector是需要变化的元素，property是要改变的CSS属性，value是该属性的新值。例如，我们可以将元素的背景色变为红色：
$("#myDiv").css("background-color", "red");二、JQuery改变CSS样式的方法
立即学习“前端免费学习笔记（深入）”；
- 直接改变CSS属性值
我们可以直接将CSS属性的值设置为新的值，通过.css()方法实现。例如，将字体颜色设置为蓝色：
$("#myDiv").css("color", "blue");注意：css()方法只会更改指定元素的内联样式（即写在元素标签里的样式），而不会影响外部样式表的规则。
大小仅1兆左右 ，足够轻便的商城系统； 易部署，上传空间即可用，安全，稳定； 容易操作，登陆后台就可设置装饰网站； 并且使用异步技术处理网站数据，表现更具美感。 前台呈现页面，兼容主流浏览器，DIV+CSS页面设计； 如果您有一定的网页设计基础，还可以进行简易的样式修改，二次开发， 发布新样式，调整网站结构，只需修改css目录中的css.css文件即可。 商城网站完全独立，网站源码随时可供您下载
- 切换CSS类
我们可以使用.addClass()方法向元素添加一个CSS类，使用.removeClass()方法移除一个CSS类。下面的例子演示了如何单击按钮来切换一个div的类：
$("#btnToggle").click(function(){
$("#myDiv").toggleClass("active");
});其中.toggleClass()方法会添加或删除指定的类名。
- 设置多个CSS属性
我们可以一次性设置多个CSS属性和值，只需在.css()方法中传入一个对象即可。例如，将border、width、height、和padding同时设置为相同的值：
$("#myDiv").css({
"border": "1px solid #000",
"width": "50px",
"height": "50px",
"padding": "10px"
});- 获取CSS属性值
我们可以使用.css()方法获取指定元素的CSS属性值。例如，获取元素的背景颜色：
var backgroundColor = $("#myDiv").css("background-color");通过.css()方法，我们可以灵活地改变和获取页面元素的CSS样式，实现更加丰富的用户交互效果。
