jQuery 的.attr()与.css()方法

最新推荐文章于 2022-04-14 19:10:35 发布

小牛升大牛

最新推荐文章于 2022-04-14 19:10:35 发布

阅读量1.2k

点赞数 1

文章标签： css jquery javascript

本文链接：https://blog.csdn.net/sanqianheijia/article/details/122867610

版权

这篇博客探讨了jQuery中`.attr()`和`.css()`方法在设置元素样式时的区别。`.attr()`会覆盖之前的所有样式，而`.css()`则会添加样式而不消除之前的。示例展示了如何使用这些方法来改变背景颜色和显示状态，并强调了正确组合使用它们以避免样式冲突的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//.attr应用于元素所有样式，下面以style样式举例
$("#myId").attr("style", "background-color:red");
//但注意会冲抵之前的样式，如下面label标签原有style样式使用上面的话后会失效
<label id="ctl681696" style="display:none">类型</label>
//如果同时写两句attr后面会覆盖前面的
$("#myId").attr("style", "display:none");
$("#myId").attr("style", "background-color:red");
//这样只有最会一个会生效，可以使用attr方法一次加多个style样式
$("#myId").attr("style", "background-color:red;display:none");
//css则只能设置元素的style样式，不能应用于其他属性；但同时也不会覆盖之前的style样式
$("#myId").css("background-color", "red");