jquery页面加载完成后执行的方式有哪些
在jQuery中,有以下几种方式可以在页面加载完成后执行代码:1. 使用$.ready()函数:这是最常用的一种方式,它会在DOM结构加载完成后执行代码。示例:$.ready;2. 使用$.on:这个方法会在页面所有资源加载完成后执行代码。
在jQuery中,有以下几种方式可以在页面加载完成后执行代码:
1. 使用$(document).ready()
函数:这是最常用的一种方式,它会在DOM结构加载完成后执行代码。可以将要执行的代码包裹在$(document).ready(function(){...})
中。
示例:
$(document).ready(function(){
// 在这里放置要执行的代码
});
2. 使用$(window).on('load', function(){...})
:这个方法会在页面所有资源(包括图片和外部脚本)加载完成后执行代码。
示例:
$(window).on('load', function(){
// 在这里放置要执行的代码
});
3. 使用$(function(){...})
的简写形式:这是$(document).ready()
的简写形式,它能够在DOM结构加载完成后执行代码。
示例:
$(function(){
// 在这里放置要执行的代码
});
需要注意的是,以上的方式是等价的,可以根据个人习惯选择使用。
(图片来源网络,侵删)
文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。