jQuery的ready()事件与js中的onload事件的区别
来源:互联网 发布:吉利研究院 知乎 编辑:程序博客网 时间:2024/06/06 14:11
JQuery中用得最多的要属工厂函数$()了,下面我们就来看一下它的初步应用。
大家知道,在JQuery中我们可以使用 $(document).ready(); 在其中加入页面加载后的代码,以便做出丰富的页面行为。
它和传统的JS中的onload有什么区别呢?
onload ready
传统的window的onload程序如下:
window.onload = function() {
...
}
它是在整个页面完全被加载之后执行。
这样做最大的一个缺点就是速度问题,onload中的代码不仅是在构建DOM树之后,而且是在所有图像和其它外部资源被完整地加载
并在页面浏览器窗口显示完毕之后才执行。
而$(document).ready()最大地优点就是在浏览器构建DOM树之后立即执行其中的代码。
$(document).ready()的写法比较正式,用得比较多的写法还可以是:$(), 你可以在括号中直接加你的匿名函数,如下:
$(function() {
...
});
和
$(document).ready(function() {
...
});
或
$().ready(function(){
....
});
都是正确的。
0 0
- jQuery的ready()事件与js中的onload事件的区别
- jQuery的ready()事件与js中的onload事件的区别
- jQuery 中 $(document).ready()事件与js中window.onload()事件的区别
- jQuery 中 $(document).ready()事件与js中window.onload()事件的区别
- jquery中的ready事件和window.onload的区别
- jquery页面加载响应事件$(document).ready()与js页面加载响应事件window.onload()的区别
- onload事件和ready事件的区别
- js的ready和onload事件的区别
- 学习JQuery的$.Ready()与OnLoad事件比较
- 学习JQuery的$.Ready()与OnLoad事件比较[转]
- JS中的onload事件和jQuery中的ready事件,如何用JS实现jQuery中的ready
- jquery $(document).ready() 与window.onload的区别以及DOMContentLoaded事件
- JQuery的ready函数与JS的onload的区别
- JQuery的ready函数与JS的onload的区别
- JQuery的ready函数与JS的onload的区别
- JQuery的ready函数与JS的onload的区别:
- jquery中的$(document).ready()与window.onload的区别
- jquery中的$(document).ready()与window.onload的区别
- 单链表排序
- UISearchBar控件
- Qt5.0+msvc2010:解決中文乱码的问题
- 性能测试(三):性能测试怎么调优
- AOP中获得自定义注解对象
- jQuery的ready()事件与js中的onload事件的区别
- Java中SimpleDateFormat类parse解析yyyy-MM-dd与yyyy-M-d是否可以混用
- css优化text输入框代码的解析
- (Educational Codeforces Round 9)Thief in a Shop(dp)
- Apple pay的证书问题
- UISearchBar改变输入框的背景颜色
- Qt与MSVC中文乱码问题的解决方案
- hdu 2821
- 性能测试(四):性能测试如何写报告