jquery - 隐藏/淡入效果 - 跨浏览器？

Question

我只有一个小时的时间来考虑一些要添加到高端客户网站的优雅外观效果 - 我认为最简单的就是添加简单的淡入效果。

唯一让我担心的是它需要具有高度的跨浏览器/跨平板电脑功能，是否有人认为以下脚本可能对网站有害？

.main-wrap div 包围了所有主页内容(不包括导航或背景)，因此一旦页面加载，以下脚本应该加载所有内容 -

$(document).ready(function () {
    $('.main-wrap').hide();
    $('.main-wrap').fadeIn(4000);    
}); 

我认为如果客户端浏览器的 javascript 支持很差 - 那么 .main-wrap 首先不会隐藏，我想不出任何其他负面因素 - 但如果其他人可以请告诉我!

Answer 1

我必须说你可以链接它以获得更好的性能(不需要调用相同的选择器两次):

$(document).ready(function () {
   $('.main-wrap').hide().fadeIn(4000);    
}); 

它需要具有高度的跨浏览器/跨平板电脑功能正如我们所知，如今移动设备拥有更好的浏览器，它们具有更好的 html5/css3 兼容性且功能齐全。所以应该不会有什么问题。但这需要深思熟虑的 js 工作。正如我上面提到的，更好的方法是缓存选择器以便在代码的多个区域中使用。