• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

我的博客我做主

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

如何在jquery 中动态添加 !important 样式

今天碰到一个 使用 jq 动态的给元素添加样式,一开始记得之前这个遇到过,好久不用又忘记了,还是选择记下来,加深自己的印象。

一般写法是这样的:

1 $('#footer’).css({
2         position: 'fixed',
3         width: '100%',
4         bottom: 0,
5         left: 0,
6         overflow: 'hidden',
7         zIndex:'99 !important'
8     })

上面是我一开始常规写法,发现没有作用,正确的写法应该是:

 1 $("#footer").css("cssText","position:fixed;width:100%;bottom:0;left:0;overflow:hidden;z-index:99!important"); 

使用 cssText 这个属性。

可以参考这个博客了解 cssText 属性

https://www.cnblogs.com/majingyi/p/6840818.html

作者:胡倩倩0903
出处:https://www.cnblogs.com/kitty-blog/
本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。

posted on 2020-02-25 20:14  kitty20180903suzhou  阅读(868)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3