如何使用jQuery增加div的不透明度？

Question

我只想让一个div动起来。这个div的透明度应该以某种方式改变，最终它应该以最大的透明度显示出来。如何做到？

- tilak

---

请查看：http://api.jquery.com/fadeTo/ - Yoeri

CSS3解决方案：http://jsfiddle.net/cDmkX/1/ - Andreas Wong

如果你打算使用jQuery，那么最好花几分钟浏览完整的方法和选择器列表，其中每个方法都有一行简短的描述。甚至可以花上一两个小时仔细阅读和反复阅读 - 今天花费一个小时这样做可能会为你节省很多时间。在列表的顶部附近，你会看到.animate()方法，它显然可以帮助你解决当前的问题，但更一般地说，你会对jQuery能够做什么有一个非常好的了解，因此你会知道从哪里开始解决下一个问题。 - nnnnnn

Answer 1

将 div 的不透明度设置为 0

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

然后，使用动画效果

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

你也可以在CSS中设置不透明度

- Jacob George

Answer 2

或者你可以使用 animate：

$('#test').animate({

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

},  600);

- Alex Ball

Answer 3

使用fadeTo()函数：

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

- elclanrs