Javascript 如何使用jQuery临时放大悬停时的字体大小

大家好，刚才遇到了一个小问题，我有一个列，其中有文本，我已经调用了一些代码，使文本的字体变得更大，当鼠标悬停在列上

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

});

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

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

老实说，我花了12分钟的时间来回顾过去关于我正在经历的问题的线索，谢谢

---

抱歉，如果这是一个愚蠢的问题，这似乎有效，我下面有一把小提琴来证明这一点。。有问题吗

 $(document).ready( function(){
        var size = $("#column3").css("fontSize");
        $("#column3").hover(
                function(){
                    $(this).css("fontSize", "30px");
                }, 
                function(){
                    $(this).css("fontSize", size);
                }
         );
});

HTML

---

这似乎有效，我下面有一把小提琴来证明这一点。。有问题吗

 $(document).ready( function(){
        var size = $("#column3").css("fontSize");
        $("#column3").hover(
                function(){
                    $(this).css("fontSize", "30px");
                }, 
                function(){
                    $(this).css("fontSize", size);
                }
         );
});

HTML

---

改用CSS，省去javascript的麻烦：

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

请注意这细微的差别

同时，在javascript中，在测试时确保javascript处于非活动状态：

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

/*
$（“#column3”）.hover（函数（）{
$（“p”）.css（“fontSize”，“30px”）；
});
*/

改用CSS，省去javascript的麻烦：

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

请注意这细微的差别

同时，在javascript中，在测试时确保javascript处于非活动状态：

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

/*
$（“#column3”）.hover（函数（）{
$（“p”）.css（“fontSize”，“30px”）；
});
*/

要更改字体大小，必须使用“字体大小”。看看下面的js代码

$("#column3").hover(function(){
  $('p').css("font-size","30px");
});

---

要更改字体大小，必须使用“字体大小”。看看下面的js代码

$("#column3").hover(function(){
  $('p').css("font-size","30px");
});

---

将第二个回调传递给hover（）以撤消样式。您能给我一个示例吗Thanks@SamOpoku. 你试过CSS的建议了吗？这有帮助吗？将第二个回调传递给hover（）以撤消该样式。您能给我一个示例吗Thanks@SamOpoku. 你试过CSS的建议了吗？这有帮助吗？