js怎么设置div的css

跟大家讲解下有关js怎么设置div的css，相信小伙伴们对这个话题应该也很关注吧，现在就为小伙伴们说说js怎么设置div的css，小编也收集到了有关js怎么设置div的css的相关资料，希望大家看到了会喜欢。

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方法：

刷新页面，可以看到现在div的背景色变成蓝色了。

当需要修改多个css样式值时，直接更改css比较麻烦，要多次调用。这时我们更合理的方法是为html更改或添加一个css样式。

用jquery的addClass方法：$("#div_d").addClass("div_class");

我们的css样式div_class定义如图，定义了多个样式值。

再看下现在页面的效果，成功添加了样式。【推荐学习：javascript高级教程】

以上就是js怎么设置div的css的详细内容，更多请关注php中文网其它相关文章！

来源：php中文网

　　免责声明：本文由用户上传，与本网站立场无关。财经信息仅供读者参考，并不构成投资建议。投资者据此操作，风险自担。 如有侵权请联系删除！