jquery中的$(document).ready()使用小结

jquery中的$(document).ready()使用小结

本文主要总结和介绍$(文档)的用法。详细介绍jquery中的ready()。有需要的朋友可以过来参考一下,希望能帮到你。

window . onl oad=function(){ alert( welcome );}这样写的目的是为了在页面加载后自动执行定义js代码(函数)。

$(文档)。ready (function () {.})这个函数用来替换页面中的window.onload

Document.ready()与传统方法bodyonload="load()"类似,只是onload()只发生在页面加载之后,包括DOM元素和其他页面元素(比如图片)的加载。所以使用document.ready()方法的执行速度要比onload()方法快。

定义DOM元素后,Javascript只能对它们执行某些操作。jQuery使用document.ready来确保在加载DOM元素时执行要执行的代码。

比如:

复制代码代码如下:脚本类型= text/JavaScript $(文档)。ready (function () {alert(我的第一个jQuery代码!);});/script这段代码的意思是:加载Dom树时,会显示一条警告消息。Document.ready()与传统方法bodyonload="load()"类似,只是onload()只发生在页面加载之后,包括DOM元素和其他页面元素(比如图片)的加载。所以使用document.ready()方法的执行速度要比onload()方法快。

最后要注意两点:

确保该函数没有在body元素的onload事件中注册,否则为$(document)。可能不会触发ready()事件。(我试着用下面的例子来演示这种情况,但是没有用,所以我觉得只是可能会发生。)复制代码代码如下:html headline title my second jquery/titletscripttype= text/JavaScript src=/js/jquery . js /script type= text/JavaScript //这里是load的函数,它包含了jquery注册函数$ functionload () {$ (p )。append( b hello }//下面是代码$(文档)。ready (function () {$ (p )。append(我的第一个jQuery代码! );$(p )。append( b hello/b );});/script/headbody onl oad= load() h2jQuery简单示例2/h2pi想说:/p/body/html可以用$(document)。ready()事件无限期地出现在同一个页面中。注册的功能将按顺序执行(在代码中)。

jquery中的$(document).ready()使用小结