javascript - jQuery removeProp 不起作用

Question

我尝试删除所有样式属性。当我通过 .css({cursor:"not-allowed"}) 添加样式时，元素将如下所示:

<div id="id" style="cursor:not-allowed;">
  My Text
</div>

我知道我可以设置 .css({"cursor"=""}) 但我不想将每个样式属性设置为 ""。我不明白为什么 .removeProp("style") 不起作用。难道它不应该这样做吗？

function applyStyle() {
  $("#id").css({ cursor: "not-allowed" });
}

function removeStyle() {
  $("#id").removeProp("style");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="id">
  My Text
</div>
<button onclick="applyStyle()">Apply style</button>
<button onclick="removeStyle()">Remove style</button>

Answer 1

使用removeAttr ，因为 style 是一个属性

function applyStyle() {
  $("#id").css({ cursor: "not-allowed" });
}

function removeStyle() {
  $("#id").removeAttr("style");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="id">
  My Text
</div>
<button onclick="applyStyle()">Apply style</button>
<button onclick="removeStyle()">Remove style</button>