jquery中ready()函数执行的时机和window的load事件比较
2015-06-22 00:00
711 查看
jquery的ready()实现的是 DOMContentLoaded 事件,DOMContentLoaded与window load事件的区别
简单的说ready()是在文档加载完成就会触发,此时图片等资源可能还没有完全加载, load是在所有资源都加载完成后才会触发
看下ready函数的代码就什么都清楚了。下面的代码加上了注释:
// Handle when the DOM is ready ready: function() { // Make sure that the DOM is not already loaded if ( !jQuery.isReady ) { // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443). if ( !document.body ) { return setTimeout( jQuery.ready, 13 ); } // Remember that the DOM is ready jQuery.isReady = true; // If there are functions bound, to execute if ( readyList ) { // Execute all of them var fn, i = 0; while ( (fn = readyList[ i++ ]) ) { fn.call( document, jQuery ); } // Reset the list of functions readyList = null; } // Trigger any bound ready events if ( jQuery.fn.triggerHandler ) { jQuery( document ).triggerHandler( "ready" ); } } },
以上所述就是本文的全部内容了,希望大家能够喜欢。
相关文章推荐
- jquery 中ajax执行的优先级
- 浅谈jquery中delegate()与live()
- jQuery Raty星级评分插件使用方法
- javascript jquery插入元素后事件会被注销
- jquery 序列化表格内容为字符串(serialize)
- jquery/js PDF预览
- javascript的window.onload()方法和jQuery的$(document).ready()的对比
- jQuery对象和DOM对象之间的相互转换
- JQUERY AJAX无刷新异步上传文件
- jQuery检查某个元素在网页上是否存在
- jQuery插件AjaxFileUpload实现ajax文件上传
- jQuery学习笔记
- jquery基础学习之--选择器
- jquery源码之事件系统-- jQuery.event
- jquery源码之神奇的钩子hooks
- jQuery序列化Ajax提交表单
- jquery点击向右,点击向左
- 解决在MyEclipse中导入jQuery出现红叉
- jQuery使用on代替delegate,live 写法区别
- Jquery在两个HTML页面之间传递参数