javascript - 如何使用 JQuery 从样式表中删除 CSS 属性？

Question

我正在尝试找出如何使用 Jquery 删除 css 属性。问题是，这似乎只能在样式是内联的情况下才能完成。例如，当我使用这种方法时:

('.hero').css('background-image', '').css('background-color', ''); 

它什么都不做，尽管如果它使用 STYLE 属性设置了这些属性，那么它会工作得很好。也可以这样说:

('.hero').css('background-image', 'none').css('background-color', 'transparent');

谁能帮我删除通过样式表添加的非内联属性？

Answer 1

你可以这样做，但它非常复杂。完成此操作的唯一方法是将样式表加载到 javascript 中的字符串中，grep 出要删除的规则(使用 String.replace() 或类似方法)，然后从页面中删除当前的 css 标记(使用 $.remove ()), 然后添加一个新的 css 标签，其中包含您加载的文件/文本的 grepped 内容。

这非常非常令人费解。我认为您需要重新考虑为什么要尝试这样做。或者也许只是坚持使用 jQuery 将值设置回默认值，可以找到 on w3schools .或者在样式表中创建一个样式，将值设置为其默认值，并为元素提供该样式。 或只要给我们多一点信息，我们就可以提出更好的解决方法。