藏色散人
转载
编程分享
2021-04-30 00:06:03
简介 js设置div的css的方法：首先引入Jquery插件；然后通过使用jquery的css方法更改html的样式，或者用jquery的addClass方法为html更改或添加一个css样式即可。
本文操作环境：windows7系统、jquery1.8.3版、Dell G3电脑。
为了更方便，更易用，我们引入Jquery插件，用Jquery来操作。
我们的html很简单，就一个div，里面有一段文字。
打开页面，现在div没有使用css样式，
要更改html的样式，我们可以直接使用jquery的css方法：
$("Iddiv_d").css("background-color","Id0e90d2");
刷新页面，可以看到现在div的背景色变成蓝色了。
当需要修改多个css样式值时，直接更改css比较麻烦，要多次调用。这时我们更合理的方法是为html更改或添加一个css样式。
用jquery的addClass方法：$("Iddiv_d").addClass("div_class");
我们的css样式div_class定义如图，定义了多个样式值。
再看下现在页面的效果，成功添加了样式。【推荐学习：】
以上就是js怎么设置div的css的详细内容，更多请关注php中文网其它相关文章！
2025-04-28 09:28:49 评
有了它，AI 都能直接管理 Gitee 代码仓啦 :
234234
2024-05-28 18:49:54 评
袅袅炊烟起，长河落日急 :
![[爱了]](/js/img/d1.gif)
2023-06-02 13:05:35 评
作为程序员的痛苦 :
做程序员最难的其实是坚持，恒心，毅力，决心，规划，执行力必须很强，否则难成！
2023-05-19 12:00:58 评
令人困惑的strtotime :
学习了给博主点赞
2023-05-07 15:53:27 评
袅袅炊烟起，长河落日急 :
—— 揽流光，涤眉霜，清露烈酒一口话苍茫。
2023-05-07 15:35:51 评
从 Elasticsearch 到 Apache Doris，构建 10 倍性价比提升的新一代日志存储分析平台 :
几十岁的人了都![[尴尬]](/js/img/d16.gif)
2023-05-07 15:34:13 评
Kubernetes Gateway API 深入解读和落地指南 :
//here is mark
console.log('mark');
//mark ..............................2023-05-07 15:31:26 评
使用MASA全家桶从零开始搭建IoT平台（二）设备注册 :
echo 'Nice';
//Nice2023-05-07 15:24:16 评
Android 自定义View 之 圆环进度条 :
2023-05-06 16:33:01 评
袅袅炊烟起，长河落日急 :
看看新作的模块表现如何。。。
echo '不错';