jquery - 使用 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 });

希望这有帮助。干杯。