javascript - 如何使用 jQuery 在悬停时临时放大字体大小

Question

您好，我遇到了一个小问题，我有一个包含文本的列，我调用了一些代码，当鼠标悬停在该列上时，文本的字体会变大

$("#column3").hover(function(){
    $("p").css("fontSize", "30px");

});

但是如何让字体恢复到原来的大小。

我希望你们这不是一个愚蠢的问题。

老实说，我花了痛苦的 12 分钟来浏览过去关于我正在经历的问题的话题。谢谢。

对不起，如果它是一个愚蠢的人

Answer 1

改用 CSS，省去 javascript 的麻烦:

<style>
    #column3 p {font-size: 10px}
    #column3 p:hover {font-size: 30px}
</style>

另一方面，如果您想放大容器内的所有 p，当将鼠标悬停在容器本身 上时，您可以将 :hover 在容器上，像这样:

<style>
    #column3 p {font-size: 10px}
    #column3:hover p {font-size: 30px}
</style>

注意如此细微的差别!

同时，在 javascript 中，确保在测试时 javascript 处于非事件状态:

<script>
    /*
    $("#column3").hover(function(){
        $("p").css("fontSize", "30px");
    });
    */
</script>