javascript - jqueryを使用してdivの不透明度を上げる方法は？

Question

divをアニメートしたいだけです。divの不透明度は、最終的に最大不透明度で表示されるようにする必要があります。どのようにそれを行うことができますか？

Answer 1

div の不透明度を 0 に設定します

$(div).css({opacity : 0})

次に、アニメーションを使用します

$(div).animate({'opacity': 1}, 1000)

cssでも不透明度を設定できます

Answer 2

使用fadeTo()：

$('div').fadeTo('fast', .5) // fade div to 50% opacity

Answer 3

または、アニメーションを使用できます。

$('#test').animate({

    'opacity': 1,
    'width': '400px'

},  600);