DIV Preloader with jQuery

Question

我有一个用于div预加载的Javascript代码，但我需要使用jQuery预加载。这是我的代码：

<script type="text/javascript">
window.onload=function(){
        document.getElementById('preload').style.display = 'block';
        document.getElementById('ajax-loader').style.display = 'none';
    }
</script>
<style type="text/css">
div#preload{
        display:none;
        margin:0 auto;
  }
</style>
<img src="/images/ajax.gif" id="ajax-loader"  />
<div id="preload">Some text</div>

如何使用 jquery 为 DIV 进行淡出预加载？谢谢

Answer 1

这与javascript并不完全相同，但看起来它会做你想要的：

工作演示：http://jsfiddle.net/lucuma/84j5S/

$(document).ready(function() {
   $('#preload').show();
   $('#ajax-loader').hide();
});

等效值为：

工作演示：http：//jsfiddle.net/lucuma/84j5S/2/

$(document).ready(functon() {
   $('#preload').css('display','block');
   $('#ajax-loader').css('display','none');
});

这些jquery解决方案与通过css执行此操作相同：

#preload {display:block}
#ajax-loader {display:none}

尽管除非您打算将jquery添加到项目中，否则没有理由仅仅为了执行此操作而包含库。