如何在mouseenter上設置字體大小的動畫

Question

我在元素mouseenter上設置字體大小動畫時遇到問題：

演示小提琴

HTML ：

<p>Hello!</p>

Javascript ：

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

Answer 1

("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)以獲取所需的結果。}

Answer 2

您必須在代碼中使用$號嘗試此代碼。 我測試了。

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

Answer 3

您缺少}）； 和$符號，以及您的小提琴中的jQuery庫。

http://jsfiddle.net/qjUc5/5/

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