使用jQuery设置DIV及其内容的透明度

Question

使用jQuery设置HTML DIV元素及其内容的透明度的最佳方法是什么？

Answer 1

$('#my_element').css({ 'opacity' : 0.7 });

您是否要实际为每个包含的元素设置不透明度,或者您只是希望它"显示",就像子元素具有相同的不透明度一样？

作为我的问题的一个例子,如果你想要设置元素的东西,以及每个子元素,你可以做这样的事情

HTML

<div id="my_element">
  <div>
    lorem
  </div>
  <div>
    ipsum
  </div>
</div>

jQuery的

$('#my_element').children().
                 css({ 'opacity' : 0.25 }).
                 end().
                 css({ 'opacity' : 0.25 });

希望这可以帮助.干杯.

Answer 2

另一个选项 - 保存键盘并使用fadeTo:

$('#someDiv').fadeTo("slow",0.5);