如何使用jQuery删除特定的内联样式

时间:2013-12-04 10:19:22

标签: javascript jquery

HTML

<div id="myDiv" style="width:100px;height:100px;transform:translate3d(0,0,0);">
    //Some Content
    </div>

使用jQuery,如何删除特定的内联样式,即转换?

2 个答案:

答案 0 :(得分:54)

您可以使用css删除内联样式:

将样式属性的值设置为空字符串会从元素中删除该属性。

$("#myDiv").css("transform","");

<强> DEMO

答案 1 :(得分:13)

删除内联样式:$("#myDiv").removeAttr("style");

添加新的:$("#myDiv").removeAttr("style").attr("style","color:red");

或添加一个类:$("#myDiv").removeAttr("style").addClass("myDivClass");

PostData:jQuery.com中的.css()文档:

  

“...获取集合中第一个元素的样式属性的值   匹配元素或为每个元素设置一个或多个CSS属性   匹配元素......“

.css()不删除任何内容......或者我错了?也许你可以用.css(“transform”,“”);

之类的东西清除'transform'属性

好的,您可以使用.css(“transform”,“”)删除内联css属性而不会打扰其余属性,但要小心:它只影响内联“style”属性,并且不会删除任何内容来自CSS工作表中存储的指定类......

到这里享受您需要的所有选项: another Stackoverflow thread about this concern