jQuery(document).ready(function($) { });的几种表示方法

在写jquery的时候，因为平时用sublime text快捷键生成jQuery(document).ready(function($){ });，所以忘记了其他的几种表示方法，今天花了几分钟特意记录了一下。

第一种：DOM加载完毕后执行ready()方法

jQuery(document).ready(function() {

alert("你好");

});

或

$(document).ready(function() {

alert("你好");

});

第二种：DOM加载完毕后执行ready()方法

jQuery(function() {

alert("你好");

});

或

$(function() {

alert("你好");

});

第三种：立即执行匿名函数，只不过参数是jQuery对象

(function() {

alert("你好");

})(jQuery);

或

(function() {

alert("你好");

})($);

或

(function() {

    alert("你哈");

})();

以上三种又可以用 window.onload = function () {};代替。

 

$(function(){})和window.onload(){}区别？

1.window.onload(){};需要等页面所有的内容（包括元素的所有关联文件）都加载完成才会执行onload的代码；

   $(function(){});在页面的dom元素加载完毕后就执行,而无需等到图片或其他媒体下载完毕；

2.$(document).ready()方法可以多次使用而注册不同的事件处理程序，而window.onload一次只能保存对一个函数的引用，多次绑定函数只会覆盖前面的函数。

body.onload和window.onload(){}区别？

1、<bodyonload="fn1(),fn2()"></body>

2、用$(window).load()加载多个函数

$(window).load(function(){

           alert("hello,我是jQuery!");
  });
 $(window).load(function() {
        alert("hello,我也是jQuery");
 });