Dzwebs.Net

撰写电脑技术杂文十余年

$(document).ready(function(){})和$(function(){})的区别

Admin | 2018-9-21 10:48:17 | 被阅次数 | 2541

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  $(document).ready() 里的代码是在页面内容都加载完才执行的,如果把代码直接写到script标签里,当页面加载完这个script标签就会执行里边的代码了,此时如果标签里执行的代码调用了当前还没加载过来的代码或者dom,那么就会报错,当然如果把script标签放到页面最后面那么就没问题了,此时和ready效果一样。

  $(document).ready(function(){})可以简写成$(function(){});因此,两者的相同的,一样的。

  举一个简单的例子说明。当点击div后,我们将一个div隐藏。


  如果把$(document).ready(function() {});去掉后,无法隐藏这个div:


  但是把script放到页面最后的话,就可恢复隐藏效果:


  总结如下:

  $(document).ready 里的代码是在页面内容都加载完才执行的,如果直接写到script标签里,当页面加载完这个script标签就会执行里边的代码了,如果标签里执行的代码调用了当前还没加载过来的代码或者dom,那么就会报错。但是如果把script标签当到页面最后面那么就没问题,可以达到和ready差不多的效果。

  $(document).ready() 方法是事件模块中最重要一个函数,可以极大的提高 Web 应用程序的速度。需要注意一点,由于在 $(document).ready() 方法内注册的事件,只要 DOM 就绪就会被执行,因此可能此时元素的关联文件未下载完。例如与图片有关的 html 下载完毕,并且已经解析为 DOM 树了,但很有可能图片还没有加载完毕,所以例如图片的高度和宽度这样的属性此时不一定有效。


网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231