入口函数的作用
该入口函数的作用是等dom结构渲染完成之后执行里面的代码,不需要等待css,图片等资源加载完毕。
方法一:$(document).ready(function(){ //需要执行的代码 }); 或者 方法二:$(function(){ //需要执行的代码 });
函数仅能用于当前文档所以无需选择器,document可以省略不要。$的默认事件是ready,所以$也可以省略。最后最简便的就是方法二喽。
这两种方法均可行,但是一般常用方法二。
load和ready的区别
window.onload | $(document).ready | |
执行时机 | 必须要等页面全部加载完毕之后,在执行被包裹的代码。 | 只需要等待网页中DOM结构加载完毕后,就能执行包裹的代码。 |
执行次数 | 只能执行一次,第二次会被第一次覆盖。 | 可以执行多次,不会被覆盖。 |
简写方案 | 无 | $(function(){ //执行代码 }); |
ok结束。