$(document).ready(); 的解释:
当 DOM载入 就绪 可以 查询 及 操纵时 绑定 一个 要 执行的 函数(ready() 括号中的 函数参数)。
这是 事件模块中 最重要的 一个函数,因为它可以极大地提高web应用程序的响应速度。
简单地说,这个方法纯粹是对向window.load事件注册事件的替代方法。
我们 可以在 一个js代码 页面中 使用多个 window.onload事件 , 因此 也可以在js 页面是使用 多个 $(document).ready() , 但是 都不会妨碍 当前的 js代码页面 window.onload事件 和 $(document).ready() 之外 定义 函数 , 以及 定义 变量 ! 言外之意: 跟在 js代码页面 使用 原始的 window.onload 思路一样!
通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数,而99.99%的JavaScript函数都需要在那一刻执行。
传递给 ready()的 参数 必须是 一个函数 , 不可以是其他情况,表示 一旦 加载完毕 ,立马执行 这个函数, 等价于windo.onload = function(){}; 那么传递的函数 就 等价于 onload 等号后面的 function(){} 表示 立马被执行。
可以在同一个页面中无限次地使用$(document).ready()事件。其中注册的函数会按照(代码中的)先后顺序依次执行
解释:
1:
//我们 也可以在 空白的 js页面 直接 写 $() 以及 直接使用 jquery框架中 定义的 任何 方法 , 但是 这么做的时候 我们并不知道 浏览器 记载 html页面 加载图片 加载样式 的时候 何时 精确的 生成了 dom树
//无论是 原生的 js 还是 jquery框架代码 , 都是 针对 dom树 操作的。
//因此 我们 需要 确定 在 dom树 生成之后 ,再去 使用 js代码 或者 结合jquery框架 实现自己的 js代码。
//所以用到了 $(document).ready() 方法
//其中 document 字符串 在 $()中 不能加 双引号。
//他表示 ,当浏览器 完全生成了 dom树 的时候 开始执行 ready()方法 参数中 传递的 函数。
//$(document).ready() ;的意思是 等浏览器 加载完成 dom树的 时候, 就会执行 ready()方法 , 具体执行的是 传递给 ready()方法 参数中的 函数。
//规定: ready() 方法的 形式参数 必须是一个 函数【不能是其他形式】 , 也就是说 当dom树 加载完成的时候, 就会执行ready()方法中 传递的 函数。
//ready()方法 中 的 参数是: 需要在dom加载完成之后 就立刻被执行的 函数, 这个函数 可以是 直接往里面 写的匿名函数的形式 , 也可以是 事先写好的函数, 而传递函数对象 的引用 。
使用 $(document).ready()的 好处:
//其中 我们 可以在 js代码 页面 多次使用 $(document).ready(); 他会按照 顺序 执行