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);

Answer 3

正如theIV所说，你可以使用css方法，但作为替代方案，你可以使用animate：

$('#my_element').animate({ opacity: 0.5 }, 100);

这将在100毫秒内将div（及其内容）的不透明度设置为0.5（从它开始的任何内容）。

Answer 4

尝试此属性

$('#my_div').css("opacity", "0.5"); //立即设置不透明度 $('#my_div').fadeTo(0, 0.5); //在0毫秒的过程中将不透明度设置为50％。如果要为其设置动画，请增加0。 $('#my_div').fadeIn(); //将不透明度从0设置为100％

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

4 个答案: