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

今天改bug时候出现了一个bug，在js中修改样式时加入！important，但是 html中没有该样式，

错误写法：

               $('#confirm').css({'background':'#f5f5f5','cursor':'not-allowed','border':'1px solid #d9d9d9!important','color':'#adadad','border-radius':'2px'})

正确写法：

                $('#confirm').css("cssText","border:1px solid #d9d9d9!important")$('#confirm').css({'background':'#f5f5f5','cursor':'not-allowed','color':'#adadad','border-radius':'2px'}).

原因:

！important修饰是整句CSS代码如“color：red”，而在第一种写法中，表述的意思是 color = “red ！important”，color没有“red ！important”这样的值，所以渲染器直接识别不了，而造成了html中没有style。

使用cssText属性

参考文档：cssText的用法以及特点 - 马静怡 - 博客园

如何在jquery中动态添加！important样式相关推荐

android radiogroup 添加,如何在android中动态添加textview到radiogroup
大家好, 我们想动态地在radiogroup旁边添加textview.基于服务响应,我们需要在不使用xml的情况下将标签添加到radiogroup. 在某些情况下基于最长无线电如何在android中动 ...
js中动态添加/插入HTML代码块，并通过JQuery动态绑定点击事件
文章目录前言一.场景需求还原二.代码示例 1.引入JQuery库 2.代码示例一:HTML中div标签部分二:HTML中script标签部分三:JS文件部分总结前言本篇文章中讲的是在 ...
jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
博客分类: jquery-easyui jQueryAjax框架HTML 现象: AJAX返回的html无法做到自动渲染为EasyUI的样式.比如:class="easyui-layout ...
jquery append 动态添加的元素事件on 不起作用的解决方案
用jquery添加新元素很容易,面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢?on方法中要先找到原选择器(如例.info),再找到动态添加的选择器(如列.delet ...
jquery 获取同级元素_如何在jQuery中获取元素的同级
jquery 获取同级元素 In this post, we will discuss how to get the siblings of an HTML element in jQuery. jQ ...
vue 动态添加click_vue，在模块中动态添加dom节点，并监听
vue向数组中动态添加数据 vue中数据更新通过v-model实现,向数组中添加数据通过push()实现,向shortcuts数组中动态添加newShortcut对象中的title和action th ...
matlab 创建符号矩阵,如何在MATLAB中动态创建符号矩阵？
我需要在MATLAB中创建一个符号矩阵.它可以静态地完成为如何在MATLAB中动态创建符号矩阵? syms a11 a12 a21 a22; A = [a11 a12; a21 a22]; 或使用紧凑 ...
jquery怎么动态修改css样式
jquery动态修改css样式的方法:1.通过css方法动态修改css样式:2.给指定的html元素定一个CSS样式:3.查看元素的css样式:4.隐藏与显示p或指定的其他html元素. jquery ...
android viewpager动态加载页面,Android viewpager中动态添加view并实现伪无限循环的方法...
本文实例讲述了Android viewpager中动态添加view并实现伪无限循环的方法.分享给大家供大家参考,具体如下: viewpager的使用,大家都熟悉,它可以实现页面之间左右滑动的切换,这里 ...

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

如何在jquery中动态添加！important样式相关推荐

最新文章

热门文章