元素的不透明度

Question

我正在尝试通过 jQuery 设置元素的不透明度。

$('[class*="OtherFeatur"]').load(function(){
                    $(this).fadeTo(500, 0.5);
                });

不工作，但当我工作时

                $('[class*="OtherFeatur"]').fadeTo(0,0.5);

it will be affected. where is problem of first code? and which one is better ,set opacity by jQuery or CSS? how can I do it by css ,that all browser can show it?

Answer 1

如果您只想设置元素的不透明度，请使用 css 方法。

 $('[class*="OtherFeatur"]').css("opacity", 0.5);

Answer 2

动画需要长于 0 毫秒，

您可以使用：

$('[class*="OtherFeatur"]').css({ opacity: 0.5 });

如果我没有误解 jquery 已经扩展了 CSS 上的不透明度规则，因此它适用于所有浏览器。

Answer 3

.load() - 从服务器加载数据并将返回的 HTML 放入匹配的元素中。

因此此函数适用于将数据从另一个资源加载到您选择的元素。

可能您需要页面加载事件：

$(document).ready(function() {
   $('[class*="OtherFeatur"]').fadeTo(0,0.5);
});

或者如果您加载一些数据，请首先在 .load() 方法中指定源。

$('[class*="OtherFeatur"]').load('mysource.html', function(){
                $(this).fadeTo(500, 0.5);
            });

在这种情况下，函数将在加载内容后被调用。

Answer 4

你正在寻找的是

$(window).load(function() {
    $('[class*="OtherFeatur"]').fadeTo(0,0.5);
});