写法一:

1
2
3
$(function(){
//code here
});

写法二:

1
2
3
$(document).ready(function(){
//code here
});

写法三:

1
2
3
$().ready(function(){
//code here
})

默认参数就是document,所以可以省略不写。
写法四:

1
2
3
(function($){
//code here
})(jQuery);

这种写法的最大好处是形成闭包。在内部定义的函数和变量只能在此范围内有效。形成是否函数函数、私有变量的概念。不会与其他类库,框架产生冲突。
以上四种方法都是同一个意思,一般来说使用写法一比较多。
此外,

1
2
3
4
5
6
7
$(window).load = function(){
}
//等价于:
window.onload = function(){
//code here
}

(JS中的事件,不加on,比如单击事件:click,双击事件:dblclick)

window.onload = function(){}$(funtion(){})两者的区别是:
$(funtion(){})
1、在DOM加载完成后就可以可以对DOM进行操作。
一般情况一个页面响应加载的顺序是:域名解析-加载html-加载js和css-加载图片和视频等其他信息。
那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间,就可以操作Dom了。
2、能多次使用,按序执行。
window.onload = function(){}
1、在网页中所有元素(包括元素的所有关联文件)完全加载到浏览器后才执行,即JavaScript 此时可以访问网页中的所有元素。
2、不能多次使用,后者会覆盖前者。

本文地址: https://lxchuan12.github.io/2016/09/11/20160911-Several-writing-of-jquery/