$(document).ready、body.Onload()和 $(window).load的区别

window.load(function(){...})和body.onload()都存在同样一个问题，
那都是在页面所有元素(包括html标签以及引用到得所有图片,Flash等媒体)加载完毕后执行的,
这是它们的共同点.$(document).ready()是文档结构已经加载完成
（不包含图片等非文字媒体文件），不必等到所有的加载完毕。








$(window).load(function(){...})和body.onload()都存在同样一个问题,因为开始也说到了,它们都需要等到页面的所有内容
加载完毕才执行,但是如果当网速比较慢的时候,加载一个页面往往需要较长的时间(几秒到十几秒不等,甚至更长...),所以我们经常
会遇到页面还没有完全加载完毕而用户已经在操作页面了这种情况,这样页面表现出来的效果就跟我们预期的效果不一样了,
所以在这里我推荐使用$(document).ready(function(){}),或简写为$(function(){})，因为他会在页面的dom元素加载完毕后就执行,而无需等到图片或其他媒体下载完毕.






附上一段在所有DOM元素加载之前执行的jQuery代码


<script type="text/javascript">


(function() {
            alert("DOM还没加载哦!");
        })(jQuery)
</script>














jquery ready可以写好几个，每个都执行 
onload只能写一个，你写好几个，也只执行一个，好像是执行最后一个，而$(window).load()可以加载多个函数








http://blog.csdn.net/john2522/article/details/7885453






标准写法


$(document).ready(function(){
  $("span").on("click",function(){
    $(this).innerHTML="点击我";
  });










jquery(function(){})与(function(){}(jQuery)的区别


jquery(function(){})等于
$(docunemt).ready(function(){
});






（funtion(){
}(jQuery);用于存放开发插件的代码，执行其中代码DOM不一定存在，直接自动执行DOM操作代码请小心使用