元素的不透明度

我试图通过jQuery设置元素的不透明度。

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

不行，但是当我这样做

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

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

Answer 1

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

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

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

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

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

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

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

Answer 2

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

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

Answer 3

动画需要长于0ms

你可以使用：

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

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

Answer 4

你在寻找什么

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