本文重点解决jQuey源码分析(十八)eady事件详解问题,希望能够帮助到你
ready事件是当DOM文档树加载完成后执行一个函数(不包含图片，css等)，因此它的触发要早于load事件。用法:
ready有一个简写，可以直接传入$(fun)即可，这是因为在jQuey内部也定义了一个$(document)的jQuery对象，和我们在上面的写法是一样的
ready事件和window的onload区别:
onload事件还可以绑定在某个图片上面，举个例子:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script> </head> <body> <img src="http://www.weixuecn.cn/uploads/cj/logo_small.gif" alt=""> <script> $(()=>console.log('DOM树已加载完毕')) //ready事件 $('img').on('load',()=>console.log('图片已加载完毕')) //图片的加载事件 $(window).on('load',()=>console.log('资源已加载完毕')) //网页所有资源都加载完毕后的事件 </script> </body> </html>
本网刊登的文章均仅代表作者个人观点，并不代表本网立场。文中的论述和观点，敬请读者注意判断。
微信扫一扫打赏
支付宝扫一扫打赏
扫码加微信好友
© 2002-2022 星联科技(xinglianwangluo.com) 版权所有，并保留所有权利 老妖怪 蜀ICP备2024091751号-1
四川省广元市利州区
川公网安备 51080202000147号
