当前位置：文江博客话题详情

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

发布于 2024-08-02 16:09:46 字数 48 浏览 3 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

帅冕 2024-08-09 16:09:46

$('#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 });

操作希望这会有所帮助。干杯。

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

Do you want to actually set the opacity to each of the contained elements as well, or you just want it to 'appear' as if the child elements have the same opacity?

As an example to my question, if you wanted something that sets an element, and each of the children elements, you could do something like this

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

Hope this helps. Cheers.

回复收藏 0 原文

苏别ゝ 2024-08-09 16:09:46

另一种选择 - 保存键盘并使用 fadeTo：

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

Another option - Save your keyboard and use fadeTo:

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

回复收藏 0 原文

背叛残局 2024-08-09 16:09:46

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

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

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

As theIV said you can use the css method, but as an alternative you can use animate:

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

this will animate the opacity of you div (and its contents) to 0.5 (from whatever it was to begin with) in 100 milliseconds.

回复收藏 0 原文

堇色安年 2024-08-09 16:09:46

试试这个属性

$('#my_div').css("opacity", "0.5"); //立即设置不透明度
$('#my_div').fadeTo(0, 0.5); //在 0 毫秒内将不透明度动画设置为 50%。如果您想为其设置动画，请增加 0。
$('#my_div').fadeIn(); //将不透明度从 0 动画到 100%