小编给大家分享一下如何使用jQuery样式操作css，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

　　jQuery样式操作

　　操作css方法：

　　jQuery可以使用css方法来操作修改简单元素样式，有可以操作类，修改多个样式。

　　1. 参数只写属性名,则返回属性值

　　$(this).css(“color”);

　　2. 参数是属性名，属性值，逗号分隔，是设置一组样式，属性必须加引号，值如果是数字可以用跟单位和引号。

　　$(this).css(“color”,”red”)

　　$(this).css(“width”,”220px”)

　　3.参数可以是对象形式，方便设置多组样式，属性名和属性值用冒号隔开，属性可以不加引号。

　　$(this).css({“color”:”blue”,”font-size”:”20px”});

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><scriptsrc="jquery.min.js"></script><style>div{width:200px;height:300px;background-color:pink;}</style></head><body><div>笑忘书</div><script>console.log($("div").css("width"));//200px;$("div").css("width","350px");$("div").css("width",300);$("div").css({"color":"blue","font-size":20,backgroundColor:"red"});//如果是复合属性则用驼峰命名法，如果值不是数字则要加引号</script></body></html>

看完了这篇文章，相信你对“如何使用jQuery样式操作css”有了一定的了解，如果想了解更多相关知识，欢迎关注亿速云行业资讯频道，感谢各位的阅读！