jquery - 如何使用 jQuery 更改 CSS 属性？

Question

这似乎是一个简单的问题，但我想做的是:

我有一个看起来像这样的 CSS:

.menu-item:hover ul { height: 50px; }

还有像这样的元素:

<div class="menu-item">
    <h4><a href="#">About</a></h4>
    <ul>
        <li><a href="#">Biography</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</div>

当悬停 h4 元素时，我想将该 CSS 属性设置为某个值，比如 300px。当鼠标离开时，我想将其重置为 50px。

Answer 1

h4:hover { height:300px; }

CSS 中的伪元素，不需要 Javascript。