方法：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](https://img.php.cn/upload/image/245/124/914/1621331183836818.jpg "1621331183836818.jpg")
我们的html很简单，就一个div，里面有一段文字。
立即学习“前端免费学习笔记（深入）”；
打开页面，现在div没有使用css样式，
![T1KGX%0ZB~$]0476EIE4DQI.jpg](https://img.php.cn/upload/image/475/613/286/1621331196199937.jpg "1621331196199937.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](https://img.php.cn/upload/image/454/145/567/1621331223644221.jpg "1621331223644221.jpg")
再看下现在页面的效果，成功添加了样式。
【推荐学习：javascript高级教程】
以上就是js如何设置css的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
140
