元素的不透明度

Question

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

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

不起作用，但是当我这样做时

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

它会受到影响。第一个代码的问题在哪里？ 哪个更好，通过jQuery或CSS设置不透明度？ 我怎么能用css来做，所有浏览器都可以显示它？

Answer 1

如果您只想设置opacity元素，请使用css方法。

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

Answer 2

动画需要长于0ms

你可以使用：

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