Javascript 如何在鼠标上设置字体大小动画

在element mouseenter上设置字体大小动画时遇到问题：

HTML：

<p>Hello!</p>

$(document).ready(function () {
("p").mouseenter(function () {
    ("p").animate({
        "font-size": "50px"
    });
});

（“p”）

应该是

$（“p”）

您缺少一个

}）

而且您没有使用jQuery库

$(document).ready(function () {
    $("p").mouseenter(function () {
        $(this).animate({"font-size": "50px"});
    });
});


写同样内容的一个稍微好一点的方法是：

jQuery(function($) {  // DOM ready shorthand

    $("p").mouseenter(function() {
        $(this).animate({ fontSize : 50 });
    });

});

请记住始终保持对目标对象元素的引用（this）

以获得所需的结果。

您缺少}）；还有$signs，还有你手中的jQuery库

$(document).ready(function(){
  $("p").click(function(){
    $(this).animate({fontSize:"30px"});
  });
});

---

您必须在代码中使用$sign 试试这个代码。 我做了测试

 $(document).ready(function () {
            $("p").mouseenter(function () {
                $(this).animate({
                    "font-size": "50px"
                });
            });
        });

---

谢谢@RokoC.Buljan的关注。