jquery加载执行,jquery预加载函数

jQuery如何实现页面加载完毕再去执行代码

通过以下方案解决：

成都创新互联公司是一家专业提供敖汉企业网站建设,专注与成都网站设计、网站建设、H5响应式网站、小程序制作等业务。10年已为敖汉众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。

解决方案一:

$(document).ready(function(){//代码})

解决方案二:

$(function(){//代码});

解决方案三:

jQuery(document).ready(function(){//代码})

解决方案四:

window.onload=function(){//代码}

解决方案五:

将jquery代码放入body的后面，这样也会实现相同的效果。

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

参考资料

百度百科.百度百科[引用时间2018-1-12]

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】如何在数据加载完成后才自动执行函数？

数据加载完成执行：

$(window).load(function(){

//要执行的方法体

});

进入页就执行，不论等数据是否加载完成

$(document).ready(function(){

})

这个还可以简写成

$(function(){

});

更多内容，可以参考 ;

这里还有一个比较全面的分析：