Jq 去掉一个CSS属性

x

我想将div中的style中的一个属性修改一下,比如,将color由red修改为blue;

<div id="test" style="color:red;display:block;">
  I am demo Only ...
</div>

有人说CSS...↓

$(‘#test‘).css(‘display‘, ‘initial‘);

有人说attr...↓

$("#test").attr("style",{"color":"blue"});

但是貌似当初我用了上面说的两种方法都不好使...

我自己当时的解决方案

$("#test").prop("style","color:blue;display:block;");

x

原文地址:https://www.cnblogs.com/love-zf/p/8910362.html

时间: 2024-11-08 20:53:43

Jq 去掉一个CSS属性的相关文章

当一个CSS属性在测试中的时候,是用不同浏览器的识别码做前缀的。

//-ms代表[ie]内核识别码 //-moz代表火狐[firefox] //-webkit代表谷歌[chrome]/苹果[safari] //-o代表欧朋[opera] 在标准还未确定时,部分浏览器已经根据最初草案实现了部分功能, 为了与之后确定下来的标准进行兼容,所以每种浏览器使用了自己的私有前缀与标准进行区分, 当标准确立后,各大浏览器将逐步支持不带前缀的css3新属性. 详细的浏览器内核区别: Gecko内核,css前缀为"-moz-",火狐浏览器 WebKit内核,css前缀

jquery之往一个CSS属性里写入多个值

1 <html> 2 <head> 3 <title>test</title> 4 <base href="<%=basePath%>"> 5 <script type="text/javascript" src="javascript/jquery-1.7.min.js"></script> 6 <style type="text/c

JS里引用CSS属性时候的命名

????如果JS代码中设置<p>元素的另一个CSS属性font-family.这个属性的获取方式与color属性略有不同,因为 font和family之间的连字符与JS中减法操作符相同,JS会把它解释为减号.如果你像下边这样访问名为 font-family 的属性,会收到一条出错信息: ????Element.style.font-family ????JS将减号前边的内容解释为"元素的style属性的font属性",把减号后的内容解释为一个名为family的变量,将整个表

javascript操作html元素CSS属性

下面先记录一下JS控制CSS所使用的方法. 1.使用javascript更改某个css class的属性... <style type="text/css"> .orig { display: none; } </style> 你想要改变把他的display属性由none改为inline. 解决办法: 在IE里: document.styleSheets[0].rules[0].style.display = "inline"; 在firef

用JavaScript修改CSS属性的代码

用JavaScript修改CSS属性的代码 作者: 字体:[增加 减小] 类型:转载 时间:2013-05-06我要评论 这篇文章主要介绍用原生的javascript修改CSS属性的方法,需要的朋友可以参考下 用JavaScript修改CSS属性 只有写原生的javascript了. 1.用JS修改标签的 class 属性值: class 属性是在标签上引用样式表的方法之一,它的值是一个样式表的选择符,如果改变了 class 属性的值,标签所引用的样式表也就更换了,所以这属于第一种修改方法. 更

jquery学习 - jquery选择孩子元素和个数/获取css属性

选择器 选择孩子元素和css属性 获得孩子元素的个数 选择器 jquery的选择器很强大,可以的话,能用jquery的时候,真的是非常方便. 选择孩子元素和css属性 先看下面的代码: SelectColor = $(ColorId).children('svg').children('rect').css('fill'); 这个代码很容易懂.首先: ColorId = $("#id"); svg是一个子元素的标签. rect是svg下的子元素 fill是rect的一个css属性 可以

学习笔记之HTML与CSS属性用法

1.  z-index 的属性用法: z-index属性是用来设置元素的堆叠顺序,z-index的属性值可为负数.0 或 正数,属性值越大,元素越接近用户,越显示于前面,如下图所示: 新手使用CSS中的这个属性时,经常会忘记在前面要先声明定位元素,即z-index属性只适用于绝对定位容器,例如代码:position: absolute;   z-index: 1; 2. role : html 里面的 role 本质上是增强语义性,当现有的HTML标签不能充分表达语义性的时候,就可以借助role

CSS属性之表格(Table)

CSS属性之表格(Table) HTML为表格定义了3个元素用于对行进行分组,它们是 thead (表头).tbody (表格主体).tfoot (脚注). 在HTML4中文档结构中的 tfoot 必须出现在 tbody之前,HTML5去掉了这个限制. 如果在源代码中没有写分组元素时,浏览器会自动创建 tbody ,所以选择器 table > tr 总是无效,因为中间有 tbody. 如果表格主体中的每一行都是以 td 元素开头,那这些 th 就是行标题. colgroup 与 col <co

web前端【第四篇】CSS属性操作

一.文本属性 1.text-align:cnter 文本居中2.line heigth 垂直居中 :行高,和高度对应3.设置图片与文本的距离:vertical-align4.text-decoration:none 去掉超链接下划线5.要是给a标签修改颜色的时候,就定到a标签上,用继承有时候是搞不定的因为继承的级别是很低的,如果a标签设置了样式,是不会继承父亲的6.首行缩进:text-indent:30px7.font-style:oblique 或者italic....(设置字体的样式为斜体)