jquery - 使用 jQuery 删除 CSS3 背景大小

Question

我正在使用 jQuery 设置背景图像以使用$("#container").css("background-size", "100% 100%").

它工作得很好，但是单击一个按钮，我想删除该属性并将背景大小重置为其默认状态，所以我正在使用$("#container").removeAttr("background-size");它，但它不起作用......没有任何变化。

任何帮助将不胜感激。

score 4 · Accepted Answer

尝试这个。removeAttr删除不属于的元素的属性css。

  $("#container").css('background-size', '')

score 4 · Accepted Answer

.removeAttr( attributeName )只是从匹配元素集中的每个元素中删除一个属性。所以你应该重置你的CSS.css('background-size', '')

score 0 · Accepted Answer

You can make a class instead of an inline style:

.background-size { background-size:'100% 100%' }

In then this:

$("#container").addClass("background-size");

And then when you want to remove it:

$("#container").removeClass("background-size");

score 0 · Accepted Answer

removeAttr()用于删除 HTML 属性，而不是 CSS 样式。

您可以使用与将背景大小设置为自动相同的 jQuery 脚本。

$("#container").css("background-size", "auto")

4 回答 4