Jquery框架中 ready() 方法的详细解释 分析为什么这么写 满足你们的好奇心

$(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(); 他会按照 顺序 执行

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

15737443266

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值