jquery - 使用 jQuery 更改 CSS 条目

Question

我有这个 html。

<div class="menu">File</div>
<div class="menu">Edit</div>
<div class="menu">Help</div>

我有这个 CSS。

.menu { 
    float:left; 
    width:150px; 
    position: relative;
}

出于某种原因，我需要禁用 float:left 和 position:relative，并将其返回到“未设置”状态，如果我单击了一个特殊按钮。但是这段代码不起作用。

function doThat() {
    $('.menu').css ( { "float":"", "position":"" } );
}

我该怎么做？问题是这不是内联 CSS。谢谢。

---

编辑:所以根据@alexfreiria 对我有用的解决方案，我将答案附在此处。

function doThat() {
    $('.menu').css ( { "float":"inherit", "position":"inherit" } );
}

这适用于 IE。谢谢大家!

Answer 1

改变:

function doThat() {
    $('.menu').css ( { "float":"", "position":"" } );
}

收件人:

function doThat() {
    $('.menu').css ( { "float":"initial", "position":"initial" } );
}

更多关于 inherit , initial和 unset属性值。