本文主要总结和介绍$(文档)的用法。详细介绍jquery中的ready()。有需要的朋友可以过来参考一下,希望能帮到你。
window . onload=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 onload=' load()' h2jQuery简单示例2/h2pi想说:/p/body/html可以用$(document)。ready()事件无限期地出现在同一个页面中。注册的功能将按顺序执行(在代码中)。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。