方法：1、引入jquery，使用css()方法设置css，语法“$(“对象名”).css(“属性”,”属性值”)”；2、引入jquery，使用addClass()方法设置css，语法“$(“对象名”).addClass(“属性”)”。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
为了更方便，更易用，我们引入Jquery插件，用Jquery来操作。
![]83C2[(_33}0QGP}V_6$19M.jpg](http://cdn.chuangxiangniao.com/2025/03/20250309030909941.jpg "https://cdn.chuangxiangniao.com/2025/03/20250309030909941.jpg")
![]83C2[(_33}0QGP}V_6$19M.jpg](https://cdn.chuangxiangniao.com/2025/03/20250309030909941.jpg "https://cdn.chuangxiangniao.com/2025/03/20250309030909941.jpg")
我们的html很简单，就一个div，里面有一段文字。
立即学习“前端免费学习笔记（深入）”；
打开页面，现在div没有使用css样式，
![T1KGX%0ZB~$]0476EIE4DQI.jpg](http://cdn.chuangxiangniao.com/2025/03/20250309030910888.jpg "https://cdn.chuangxiangniao.com/2025/03/20250309030910888.jpg")
![T1KGX%0ZB~$]0476EIE4DQI.jpg](https://cdn.chuangxiangniao.com/2025/03/20250309030910888.jpg "https://cdn.chuangxiangniao.com/2025/03/20250309030910888.jpg")
1、要更改html的样式，我们可以直接使用jquery的css方法：
$("#div_d").css("background-color","#0e90d2");
登录后复制
刷新页面，可以看到现在div的背景色变成蓝色了。
2、当需要修改多个css样式值时，直接更改css比较麻烦，要多次调用。这时我们更合理的方法是为html更改或添加一个css样式。
用jquery的addClass方法：
$("#div_d").addClass("div_class");
登录后复制
我们的css样式div_class定义如图，定义了多个样式值。
![]Y7NRMBCA5JGC~_TZ1VRDHA.jpg](http://cdn.chuangxiangniao.com/2025/03/20250309030911688.jpg "https://cdn.chuangxiangniao.com/2025/03/20250309030911688.jpg")
![]Y7NRMBCA5JGC~_TZ1VRDHA.jpg](https://cdn.chuangxiangniao.com/2025/03/20250309030911688.jpg "https://cdn.chuangxiangniao.com/2025/03/20250309030911688.jpg")
再看下现在页面的效果，成功添加了样式。
【推荐学习：javascript高级教程】
以上就是js如何设置css的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2714779.html
