如何使用jquery修改css中带有!important的样式属性
<div class="test">使用jquery修改css中带有!important的样式属性</div>
外部样式为:
div.test{ width:auto !important; overflow:auto !important }
通过 $("div.test").css("width","100px");和 $("div.test").css("width","100px !important");是无效的
要想修改div的width,可以通过如下这种方式:
$("div.test").css("cssText", "width:650px !important;");要想修改多个属性,可以这么做:
$("div.test").css("cssText", "width:650px !important;overflow:hidden !important");
以上这篇如何使用jquery修改css中带有!important的样式属性就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
详解CSS样式中的!important、*、_符号
详解CSS样式中的!important.*._符号 !important.*._其实没什么用,皆是用来设置样式的优先级,但是样式的优先级你可以自行排好其先后位置来设置,然而你还是要看懂的. 我们知道,CSS写在不同的地方有不同的优先级, .css文件中的定义 < 元素style中的属性,但是如果使用!important,事情就会变得不一样. 首先,先看下面一段代码: <!DOCTYPE HTML> <html> <head> <meta http-equiv
-
原来CSS里的 !important 是如此用法
点击查看效果: Untitled Document .aa{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FF0000 !important } .bb{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FF0000; } 以下两个DIV的
-
如何使用jquery修改css中带有!important的样式属性
<div class="test">使用jquery修改css中带有!important的样式属性</div> 外部样式为: div.test{ width:auto !important; overflow:auto !important } 通过 $("div.test").css("width","100px");和 $("div.test").css("width&
-
vue如何修改data中的obj数据的属性
目录 修改data中的obj数据的属性 修改data以实现数据响应式 怎么保证你的变化我Vue能监听到? 如果初始值没给这个变量Vue还能监听吗? 修改data中的obj数据的属性 //方法一 var obj = this.obj; obj.name = 'long'; this.obj = obj; //方法二 Vue.set(this.obj, "password", "num"); //part1,要修改的obj对象; //part2,要添加或者修改的属性;
-
jQuery修改CSS伪元素属性的方法
CSS伪元素(pseudo elements)不是DOM元素,因此你无法直接选择到它们. 假设有如下HTML代码: <div class="techbrood" id="td_pseudo">techbrood introduction</div> 和CSS代码: .techbrood:before { width: 0; } 现在你想在某个元素的click事件中动态的把techbrood:before的width属性设置为100%, 有两个
-
jquery获取css中的选择器(实例讲解)
开始写之前先复习一下元素和节点的区别: 元素是W3C文档对象模型(DOM)当中使用最广泛的节点之一. 元素拥有关联的"属性". XmlElement类拥有许多方法来访问它的"属性"(GetAttribute, SetAttribute, RemoveAttribute, GetAttributeNode, 等等). 你也可以使用"Attributes"属性来返回一个支持"名字"或者"序号"访问的"
-
修改WordPress中文章编辑器的样式的方法详解
自定义文章编辑器的样式 每一个 WordPress 主题的文章样式都是不一样的,但是在使用后台的可视化编辑器编辑文章的时候,样式却都是一致的. 但是 WordPress 提供了一个在文章可视化编辑器中自定义样式的功能,利用这个功能可以在 WordPress 可视化编辑器里自定义 CSS 样式. 把可视化编辑器的样式设置成和前端一样,可以方便用户直接预览出文章显示在前端的结果,不用刷新反复的调试文章排版样式. 在文章编辑器添加一个自定义的 CSS 样式表只需要使用 add_editor_style
-
加载列表时jquery获取ul中第一个li的属性
当加载列表时,默认希望选中第一条.top_menu 为ul的ID 通过 $("#top_menu li:first") 就可以获取到 ul下第一个li标签.然后就可以利用 例如 修改属性:$("#top_menu li:first").attr("class","select"); 触发事件:$("#top_menu li:first").click(); 如果想获取li下的 a标签,如下: $("
-
jQuery结合CSS制作漂亮的select下拉菜单
我们在进行表单设计时,可能要用到select下拉选项控件,遗憾的是,IE浏览器默认的select控件外观非常丑陋,而且不能用样式来控制,不能在选项中添加图片等信息.今天我将通过实例来讲解如何用CSS和jQuery来制作漂亮的下拉选项菜单. XHTML <div id="dropdown"> <p>请选择城市</p> <ul> <li><a href="#">长沙</a></li
-
jquery中常用的函数和属性详细解析
Dom:Attribute:属性$("p").addClass(css中定义的样式类型); 给某个元素添加样式$("img").attr({src:"test.jpg",title:"test Image"}); 给某个元素添加属性/值,参数是map$("input").attr({"checked", "checked"}); $("img").
随机推荐
- Angular的MVC和作用域
- 使用Python的Twisted框架编写简单的网络客户端
- win2003文件夹权限设置脚本代码
- JavaScript设计模式之原型模式(Object.create与prototype)介绍
- vue-resource调用promise取数据方式详解
- linux touch,chattr指令详解及用法
- 安装 VS2005 SP1 有关问题的解决办法
- VB.NET进度条的方法代码
- 现如今最流行的JavaScript代码规范
- php随机取mysql记录方法小结
- Python判断直线和矩形是否相交的方法
- java使用hashMap缓存保存数据的方法
- Android编程之短信列表的时间显示实例分析
- mysql 5.7.17 安装图文教程(windows)
- Vue组件开发初探
- JavaScript ParseFloat()方法
- Python 检查数组元素是否存在类似PHP isset()方法
- 简单掌握Python中glob模块查找文件路径的用法
- SED单行脚本快速参考(流编辑器)第1/2页
- linux下命令行操作快捷键及技巧(分享)