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

jquery预加载的几种方式

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

成都创新互联公司基于分布式IDC数据中心构建的平台为众多户提供中国电信云锦天府 四川大带宽租用 成都机柜租用 成都服务器租用。

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树结构绘制完毕就给执行,有可能对应的内容在浏览器里边还没有显示。


分享文章:jquery加载函数,jquery页面加载完成后,自动运行函数
本文地址:http://pwwzsj.com/article/dsdsssh.html