jquery预加载的几种方式

jquery预加载的两种方式说明如下：
1、通过写函数进行预加载
function preload(arrayOfImages) {
$(arrayOfImages).each(function(){
$('')[0].src = this; //循环加载传进来的图片数组
});
}
调用方法：
preload([
'img/imageName.jpg', //图片1
'img/anotherOne.jpg',//图片2
'img/blahblahblah.jpg'//图片3
]);
2、通过插件的方式预加载
//自定义函数preload，实现原理跟方法一差不多
$.fn.preload = function() {
this.each(function(){
$('')[0].src = this;
});
}
调用方法：
$(['img1.jpg','img2.jpg','img3.jpg']).preload();

//1.页面加载完之前执行,与嵌入的js加载方式一样
(function ($) {
alert('start');
})(jQuery);

//2.页面加载后执行
$(document).ready(function(){
alert('jquery ready');
});
//3.页面加载后执行
$(function(){
alert('jquery onload');
});
//4.页面加载后执行
jQuery(function($) {
alert('jQuery ready ');
});