jquery - Jqueryでボタンの背景をアニメーション化する

Question

実際のボタンテキストがフェードすることなく、ボタンの背景画像をmouseoverフェードイン(およびフェードアウト)しようとしています。mouseout

$('btn').hover(function () {
    $('btn', this).stop().animate({
        "opacity": 1
    });
}, function () {
    $('btn', this).stop().animate({
        "opacity": 0
    });
});

例: http://jsfiddle.net/craigzilla/fFq2A

Answer 1

$('.btn').hover(function () {
    $(this).animate({
        "opacity": 0
    });
}, function () {
    $(this).stop().animate({
        "opacity": 1
    });
});

あなたのセレクターは間違ってい'btn'ます。'.btn'$('btn', this)$(this)

デモ:フィドル.

Answer 2

div をボタンと背景として割り当てました。そのため、背景をフェードイン/フェードアウトしようとすると、ボタンと背景の両方でフェードイン フェードアウトします。

フィドルのデモ

コードは次のとおりです。

$('.btn').hover(function () {
    $(this).stop().animate({"opacity": 0});
}, function () {
    $(this).stop().animate({"opacity": 1});
});