JQuery中的事件 (一.加载DOM)
2017-03-08 13:57
218 查看
1.执行时机
$(document).ready()方法和window.onload方法功能相似,但是执行时机有区别.window.onliad方法是在网页中所有元素(包括元素的所有关联文件)完全加载到浏览器后才执行,即javascript此时才能访问网页中的任何元素.而$(document).ready()方法注册的事件处理程序,在dom完全就绪就可以被调用.为了解决dom树加载完而关联数据没有加载完就执行需要关联数据才能完成的动作,jquery中提供了load()方法.load方法会在元素的onload事件中绑定一个处理函数.如果绑定到window对象,则会在所有内容(窗口,框架等等)加载完触发,如果绑定到元素上,则会在元素的内容加载完毕后触发.
2.多次使用
javascript的onload事件一次只能保存对一个函数的引用,它会自动用后面的函数覆盖前面的函数;$(document).ready()方法能很好的处理这些情况,每次调用$(document).ready()方法就会在现有的行为上追加新的行为,这些行为函数根据注册的顺序依次执行
3.简写方式
jquery(document).ready(function(){});$(document).ready(function(){});$().ready(function(){});$(function(){});
$(document).ready()方法和window.onload方法功能相似,但是执行时机有区别.window.onliad方法是在网页中所有元素(包括元素的所有关联文件)完全加载到浏览器后才执行,即javascript此时才能访问网页中的任何元素.而$(document).ready()方法注册的事件处理程序,在dom完全就绪就可以被调用.为了解决dom树加载完而关联数据没有加载完就执行需要关联数据才能完成的动作,jquery中提供了load()方法.load方法会在元素的onload事件中绑定一个处理函数.如果绑定到window对象,则会在所有内容(窗口,框架等等)加载完触发,如果绑定到元素上,则会在元素的内容加载完毕后触发.
2.多次使用
javascript的onload事件一次只能保存对一个函数的引用,它会自动用后面的函数覆盖前面的函数;$(document).ready()方法能很好的处理这些情况,每次调用$(document).ready()方法就会在现有的行为上追加新的行为,这些行为函数根据注册的顺序依次执行
3.简写方式
jquery(document).ready(function(){});$(document).ready(function(){});$().ready(function(){});$(function(){});
相关文章推荐
- jQuery中事件加载 DOM—@ready中调用其他方法,会提示缺少对象的错误
- JQuery中DOM加载与事件执行实例分析
- jQuery DOMready 页面加载事件 研究
- 4.1.1: jQuery事件之加载DOM
- jQuery页面加载时触发ready()事件 dom结构加载完成就触发。(参考慕课网)
- jquery,dom未加载完绑定事件无效
- 打开页面同时jquery异步加载生成新dom并为dom注册事件
- jquery中DOM加载事件,onload事件和ready事件
- jQuery的命名冲突noConflict()和DOM加载完毕事件
- jQuery(二)DOM增删改,样式操作,文档加载,事件,冒泡,事件对象
- JQuery中DOM加载与事件执行实例分析
- JQuery事件执行与DOM加载
- jQuery中事件加载 DOM—@ready中调用其他方法,会提示缺少对象的错误
- jQuery DOMready 页面加载事件 研究
- jquery中dom操作和事件的实例学习-表单验证
- jquery中dom操作和事件的实例学习 下拉框应用
- jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
- Jquery的 scroll事件,实现当滚动条到达最底部时,自动加载新项
- jQuery deferred应用dom加载完毕详细源码分析(三)
- jQuery 选择器、DOM操作、事件、动画