十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
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();
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一样。
1:表现形式:
传统的:
javascript的加载事件:
body onload = “函数()”
window.onload= function(){}
jquery :
① $(document).ready(function处理);
② $().ready(function处理);
③ $(function处理); 对第一种加载的封装而已
2:设置个数:
在同一个请求里边,jquery的可以设置多个,而传统方式只能设置一个
传统方式加载事件是给onload事件属性赋值,多次赋值,后者会覆盖前者。
jquery方式加载事件是把每个加载事件都存入一个数组里边,成为数组的元素,执行的时候就遍历该数组执行每个元素即可,因此其可以设置多个加载事件。:
3:执行时机:
传统方式加载事件,是全部内容(文字、图片、样式)在浏览器显示完毕再给执行加载事件。
jquery方式加载事件,只要全部内容(文字、图片、样式)在内存里边对应的DOM树结构绘制完毕就给执行,有可能对应的内容在浏览器里边还没有显示。