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

Question

HTML

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

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

Answer 1

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

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

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

DEMO

Answer 2

删除内联样式: $("#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工作表中的类...

到这里享受你需要的所有选项: 关于这个问题的另一个Stackoverflow线程