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

嗨，我只是遇到一个小问题我在其中有一列文字，并且我已经唤出一些代码，当悬停在该列上时，文字字体会变大

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

});

但是我如何获得字体以返回到原始大小。

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

坦率地说，我花了12分钟来回顾过去有关我所遇到的问题的线索。

对不起，如果是愚蠢的

最佳答案

请改用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>