javascript - マウスエンターでフォントサイズをアニメーション化する方法

Question

要素 mouseenter で font-size をアニメーション化する際に問題があります:

デモフィドル

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

}); がありません。と $ 記号、およびフィドルの jQuery ライブラリ。

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

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