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

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

本文主要总结和介绍$(文档)的用法。详细介绍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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • 使用jquery实现图片轮播效果如何,jQuery图片轮播
  • 使用jquery实现图片轮播效果如何,jQuery图片轮播,使用jQuery实现图片轮播效果
  • 举例说明jquery中each函数的使用,jquery each()
  • 举例说明jquery中each函数的使用,jquery each(),JQuery中each()的使用方法说明
  • 一篇文章带你了解jquery动画人物,一篇文章带你了解jquery动画制作
  • 一篇文章带你了解jquery动画人物,jquery的动画,一篇文章带你了解jQuery动画
  • trigger的用法总结,jquery trigger 传参数
  • trigger的用法总结,jquery trigger 传参数,jQuery中值得注意的trigger方法浅析
  • js hover 触发事件显示另一元素,js hover 触发事件,jQuery中多个元素的Hover事件解决方案
  • js apply 实现原理,jquery apply用法_1
  • js apply 实现原理,jquery apply用法
  • js apply 实现原理,jquery apply用法,js中apply方法的使用详细解析
  • js apply 实现原理,jquery apply用法,JS中apply()的应用实例分析
  • jq获取radio选中的值,jquery radio 取值
  • jq获取radio选中的值,jquery radio 取值,Jquery获取radio选中值实例总结
  • 留言与评论(共有 条评论)
       
    验证码: