jQuery页面加载响应事件
来源:互联网 发布:arm Ubuntu 编辑:程序博客网 时间:2024/06/05 23:59
$(document).ready()方法是事件模块中最重要的一个函数,它极大地提高了Web响应速度。
$(document)是获取整个文档对象,从这个方法名称来理解,就是获取文档就绪的时候。
方法的书写格式为:
$(document).ready(
function()
{
//在这里写代码
});
可以简写成:
$().ready(
function()
{
//在这里写代码
});
当$()不带参数时,默认的参数就是document,所以$()是$(document)的简写形式。
还可以进一步简写成:
$(
function()
{
//在这里写代码
});
虽然语法可以更短一些,但是不提倡使用简写的方式,因为较长的代码更具可读性,也可以防止与其他方法混淆。
通过上面的介绍我们可以看出,在jQuery中,可以使用$(document).ready()方法代替传统的window.onload()方法,不过两者之间还是有些细微的区别的,主要表示在以下两方面。
1、在一个页面上可以无限制地使用$(document).ready()方法,各个方法间并不冲突,会按照在代码中的顺序依次执行。而一个页面中只能使用一个window.onload()方法。
2、在一个文档完全下载到浏览器时(包括所有关联的文件,例如图片、横幅等)就会响应window.onload()方法。而$(document).ready()方法是在所有的DOM元素完全就绪以后就可以调用,不包括关联的文件。例如在页面上还有图片没有加载完毕但是DOM元素已经完全就绪,这样就会执行$(document).ready()方法,在相同条件下window.onload()方法是不会执行的,它会继续等待图片加载,直到图片及其他的关联文件都下载完毕时才执行。所以说$(document).ready()方法优于window.onload()方法。
0 0
- jQuery页面加载响应事件
- jquery页面加载响应事件$(document).ready()与js页面加载响应事件window.onload()的区别
- jquery 页面加载事件
- jQuery学习--jQuery页面加载完成事件
- jQuery DOMready 页面加载事件 研究
- 【jQuery】页面加载时触发ready()事件
- 【JQuery】页面加载时触发ready()事件
- JQuery页面加载完成后执行事件
- JavaScript及JQuery页面加载事件理解
- 【转】jquery页面加载完毕事件
- asp.net如何在页面加载时响应回车事件
- asp.net如何在页面加载时响应回车事件
- asp.net如何在页面加载时响应回车事件
- asp.net如何在页面加载时响应回车事件
- asp.net如何在页面加载时响应回车事件
- js动态加载元素的事件响应--jquery解决
- 页面加载和响应
- jquery响应回车事件
- Error:No such property: GROUP for class: org.gradle.api.publication.maven.in
- jQuery对元素内容操作
- jquery的元素的文本内容与HTML内容操作的区别
- Web Storage 学习笔记
- jQuery对元素值操作
- jQuery页面加载响应事件
- oracle,查询某个字段中,某字符出现的次数
- jQuery创建节点
- Dependency Walker使用说明
- Linux练习题9
- jQuery中的事件
- linux分区及自动挂载
- jQuery中的事件绑定
- 进程同步