如何使用jQuery取消元素的CSS属性?
如果我使用以下方法在特定元素上设置CSS值:
$('#element').css('background-color', '#ccc');
我希望能够取消设置该元素特定的值并使用级联值,如下所示:
$('#element').css('background-color', null);
但是,该语法似乎不起作用 - 这可能使用另一种语法?
提前致谢!
编辑:该值不是从父元素继承的 - 原始值来自元素级选择器。 对不起,有任何困惑!
从jQuery文档:
将样式属性的值设置为空字符串 - 例如$('#mydiv').css('color', '')
- 如果该属性已经直接应用,则将该属性从该元素中移除,无论是HTML样式属性,通过jQuery的.css()
方法,或通过直接DOM操作style
属性。 但是,它不会删除已在样式表或<style>
元素中应用CSS规则的样式。
我认为你也可以这样做:
$('#element').css('background-color', '');
这就是我很久以前用plain-old-javascript中的display
属性来显示/隐藏字段的原因。
实际上,我认为是不正确的(使用null
)的语法似乎正在工作 - 我的选择器只是不正确的形成,因此没有产生任何元素。 D'哦!
上一篇: How do I unset an element's CSS attribute using jQuery?