1、概述
当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
简单地说,这个方法纯粹是对向window.load
事件注册事件的替代方法。通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数,而99.99%的JavaScript函数都需要在那一刻执行。
请确保在 <body>
元素的onload事件中没有注册函数,否则不会触发+$(document).ready()
事件。
可以在同一个页面中无限次地使用$(document).ready()
事件。其中注册的函数会按照(代码中的)先后顺序依次执行。
2、语法
ready(fn)
2.1、参数
- fn----Function要在DOM就绪时执行的函数
3、示例
在DOM加载完成时运行的代码,可以这样写:
$(document).ready(function () {
// 在这里写你的代码...
});
使用 $(document).ready()
的简写,同时内部的 jQuery
代码依然使用 $
作为别名,而不管全局的 $
为何。
$(function ($) {
// 你可以在这里继续使用$作为别名...
});
4、总结
- 等着 DOM 结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完成,jQuery 帮我们完成了封装。
- 相当于原生 js 中的 DOMContentLoaded。
- 不同于原生 js 中的 load 事件是等页面文档、外部的 js 文件、css文件、图片加载完毕才执行内部代码。
- 更推荐使用简写方式。
后记
如果你感觉文章不咋地
//(ㄒoㄒ)//
,就在评论处留言,作者继续改进;o_O???
如果你觉得该文章有一点点用处,可以给作者点个赞;\\*^o^*//
如果你想要和作者一起进步,可以微信扫描二维码,关注前端老L;~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※
!!!