js怎么设置css

这篇文章主要介绍js怎么设置css，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

成都创新互联专注于尼金平网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供尼金平营销型网站建设，尼金平网站制作、尼金平网页设计、尼金平网站官网定制、微信小程序定制开发服务，打造尼金平网络公司原创品牌,更为您提供尼金平网站排名全网营销落地服务。

方法：1、引入jquery，使用css()方法设置css，语法“$("对象名").css("属性","属性值")”；2、引入jquery，使用addClass()方法设置css，语法“$("对象名").addClass("属性")”。

为了更方便，更易用，我们引入Jquery插件，用Jquery来操作。

我们的html很简单，就一个div，里面有一段文字。

打开页面，现在div没有使用css样式，

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定义如图，定义了多个样式值。

再看下现在页面的效果，成功添加了样式。

以上是“js怎么设置css”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

网站标题：js怎么设置css
文章链接：https://www.cdcxhl.com/article18/jeopdp.html

成都网站建设公司_创新互联，为您提供搜索引擎优化、ChatGPT、定制开发、企业网站制作、自适应网站、响应式网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联