jquery加载函数,jquery页面加载完成后,自动运行函数

jquery预加载的几种方式

jquery预加载的两种方式说明如下：

1、通过写函数进行预加载

function preload(arrayOfImages) {

$(arrayOfImages).each(function(){

$('img/')[0].src = this; //循环加载传进来的图片数组

});

}

调用方法：

preload([

'img/imageName.jpg', //图片1

'img/anotherOne.jpg',//图片2

'img/blahblahblah.jpg'//图片3

]);

2、通过插件的方式预加载

//自定义函数preload，实现原理跟方法一差不多

$.fn.preload = function() {

this.each(function(){

$('img/')[0].src = this;

});

}

调用方法：

$(['img1.jpg','img2.jpg','img3.jpg']).preload();

Jquery实现复选框全选与全不选

1、创建一个html，然后在body标签添加如下图所示的代码，主要是在一个表格中包含多选框。

2、然后首要就是要引入jquery的库。注意jquery库的方式：script src="js/jquery-1.8.3.js" /script 不能写成script src="js/jquery-1.8.3.js" /这种方式。否则无效！大家可以去尝试一下这两个的差别。

3、然后再来一个jquery的加载函数，加载函数是jquery的标配。下面这种方式的话是属于比较简写的了。

4、接下来根据id获取全选框的元素，然后给全选框绑定点击事件。

5、在点击事件方法中完成：获取类属性值为checkOne的多选框；然后将通过prop(属性，值)方法，来将checked属性设置成跟全选/全不选框的checked一样。

请教一个jquery load函数的原理

1：表现形式：

传统的：

javascript的加载事件：

body onload = “函数()”

window.onload= function(){}

jquery :

① $(document).ready(function处理);

② $().ready(function处理);

③ $(function处理); 对第一种加载的封装而已

2：设置个数：

在同一个请求里边，jquery的可以设置多个，而传统方式只能设置一个

传统方式加载事件是给onload事件属性赋值，多次赋值，后者会覆盖前者。

jquery方式加载事件是把每个加载事件都存入一个数组里边，成为数组的元素，执行的时候就遍历该数组执行每个元素即可，因此其可以设置多个加载事件。:

3：执行时机：

传统方式加载事件，是全部内容(文字、图片、样式)在浏览器显示完毕再给执行加载事件。

jquery方式加载事件，只要全部内容(文字、图片、样式)在内存里边对应的DOM树结构绘制完毕就给执行，有可能对应的内容在浏览器里边还没有显示。