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

how to remove the specific inline style using jQuery

本文关键字:样式 何使用 jQuery 删除      更新时间:2024-02-20

HTML

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

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

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

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

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

DEMO

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

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

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

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

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

.css()不删除任何内容。。。还是我错了?也许你可以用.css("transform",")之类的东西来清除"transform'"属性;


好吧,你可以使用.css("transform",")删除内联css属性,而不会干扰其余的属性,但要小心:它只影响内联"style"属性,不会删除存储在css表中的指定类中的任何内容。。。

点击此处,享受您所需的所有选项:关于这个问题的另一个Stackoverflow线程