掌握jQuery的ready方法是学习的基础,本文通过具体实例详细演示其用法,并结合DOM操作进行对比讲解,帮助大家更直观、深入地理解和熟练运用这一关键知识点。
1、 启动TextPad编辑器并创建新文件,也可选用其他工具如不同版本的VS、Dreamweaver等进行编辑操作。
2、 编写基础网页代码,所示。
3、 引入JavaScript框架,示例如下所示
4、 点击调试程序,操作详见下图红标位置。
5、 运行程序后,获得预期结果,所示。
6、 尝试编写下方两种对等方法,运行程序验证效果。
7、 })
8、 })
9、 可尝试类比dom的方法进行操作。
10、 页面所有资源包括图片、CSS和JS加载完毕后,窗体完全显示时触发执行。
11、 onload 事件仅能注册一次,多次会覆盖。
12、 窗体加载完毕后执行,DOM创建完成。
13、 可重复注册
