jquery是等待页面加载完数据，以及页面部分元素；js是页面全部加载完成才执行初始化加载，具体示例祥看本文
创新互联公司主营黎平网站建设的网络公司,主营网站建设方案,app软件定制开发,黎平h5成都小程序开发搭建,黎平网站营销推广欢迎黎平等地区企业咨询
jquery和js初始化加载页面的区别：
jquery：等待页面加载完数据，以及页面部分元素（不包括图片、视频），
js：是页面全部加载完成才执行初始化加载。
1、jQuery
页面加载初始化的方法有3种
，页面在加载的时候都会执行脚本,
第一种(比较常用)：
代码如下:
$.function(){
alert("第一种方法");
});
第二种：
复制代码
代码如下:
$(document).ready(function(){
alert("第二种方法");
});
第三种：
代码如下:
jQuery(function($){
alert("第三种方法");
});
2、js初始化加载的方法
第一种：
代码如下:
window.onload=function(){
alert("初始化加载");
};
第二种：
(winOnload
此方法名自定义)
代码如下:
function
winOnload()
{
alert("初始化加载");
};
winOnload();
注意：
由于jquery使用$符号，和有些组件例如dwr就有冲突，为了解决这个问题，可以使用
代码如下:
var
ace=jQuery.noConflict();
使用jquery中的load事件。
load事件可以载入远程 HTML 文件代码并插入至 DOM 中。默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。
参数url,[data,[callback]]
url:待装入 HTML 网页网址。
data:发送至服务器的 key/value 数据。在jQuery 1.3中也可以接受一个字符串了。
callback:载入成功时回调函数。
例子$("#test").load("index.html");在元素test中载入index页面
通过以下方案解决：
解决方案一:
$(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加载页面的方法，即：页面加载完成就执行，有如下几种：
1、jQuery的$(document).ready
$(document).ready(function(){
$("#a").click(function(){
//adding your code here
});
});
就仅仅只需要加载所有的DOM结构，在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。
2、ready事件的简写方法
$(function(){
$("#a").click(function(){
//adding your code here
});
});
此方法就仅仅只需要加载所有的DOM结构，在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前，是ready的简写方式
3、window的onload事件
window.onload = function(){
$("#a").click(function(){
//adding your code here
});
}
这段代码会在整个页面的document全部加载完成以后执行。这种方式不仅要求页面的DOM tree全部加载完成，而且要求所有的外部图片和资源全部加载完成。如果外部资源，例如图片需要很长时间来加载，那么这个js效果就会让用户感觉失效了。
为是重新加载页面或刷新页面使用jquery，你可以使用location.reload()命令，
以下是代码：
html
head
titleRefresh a page in jQuery/title
scripttype="text/javascript"src="jquery-1.3.2.min.js"/script
/head
body
buttonid="PageRefresh"Refresh a Page in jQuery/button
scripttype="text/javascript"
$('#PageRefresh').click(function() {
location.reload();
});
/script
/body
/html
