jQuery的ready()事件

177 阅读1分钟

.ready()用于在document对象上绑定一个ready事件监听函数,当dom结构加载完成后,监听函数被执行。 ready作用于dom结构加载完成的时候,浏览器如何解析前端文件,因此先了解什么是dom结构。

浏览器如何解析文件 1渲染引擎首先通过网络获得所请求文档的内容,通常以8k分块的方式完成。 2解析html以构建dom树-构建render树-布局render树-绘制render树 渲染引擎开始解析HTML,并将标签转化为内容树中的dom节点。接着,它解析外部css件及style标签中的样式信息。

ready是jQuery的文档就绪函数,它用于防止文档在完全加载(就绪)之前运行 jQuery 代码。如果在文档没有完全加载之前就运行函数,操作可能失败。

\一般来说,html代码加载是从上往下的,对于上面的代码,当js开始加载时,body部分还未加载,此时页面还没有div标签,$(“div”)就无法获取到div的元素,所以没办法实现上面的点击事件。

该函数的作用相当于window.onload事件。

你可以多次调用该函数,从而绑定多个函数,jQuery将在DOM文档结构加载完毕后按照绑定顺序立即执行这些函数。

请注意:请不要在一个页面同时使用ready()函数和元素的onload事件绑定函数,因为它们之间并不完全兼容。如果你必须使用load,那么请不要使用jQuery的ready()和load()来为window或更多指定项(例如图片)添加load事件处理器。