关于页面加载即执行JQuery的三种方法小结
在HTML页面中使用jQuery库时,可以通过以下三种方式来确保在文档加载完毕后执行代码:
- 使用
$(document).ready()
函数:
$(document).ready(function() {
// 在这里编写需要在页面加载后执行的代码
});
- 使用
$(function)
快捷方式:
$(function() {
// 在这里编写需要在页面加载后执行的代码
});
- 使用
$(document).on('ready', handler)
:
$(document).on('ready', function() {
// 在这里编写需要在页面加载后执行的代码
});
这三种方法都是为了确保DOM完全加载后才执行相关的JavaScript代码,避免在DOM结构未完全加载完成时就执行可能依赖DOM结构的操作。通常情况下,推荐使用第一种或第二种方式,因为它们是最直观和常用的。
评论已关闭