ready(fn)当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。这是事件模块中最重要的一个函数,因为它可以极大地提高web应用程序的响应速度。
        简单地说,这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数,而99.99%的JavaScript函数都需要在那一刻执行。
有一个参数--对jQuery函数的引用--会传递到这个ready事件处理函数中。可以给这个参数任意起一个名字,并因此可以不再担心命名冲突而放心地使用$别名。请确保在 <body> 元素的onload事件中没有注册函数,否则不会触发$(document).ready()事件。可以在同一个页面中无限次地使用$(document).ready()事件。其中注册的函数会按照(代码中的)先后顺序依次执行。
返回值 : jQuery
参数 :
fn (Function) : 要在DOM就绪时执行的函数
示例 :
在DOM加载完成时运行的代码,可以这样写:
jQuery 代码:
$(document).ready(function(){
  // 在这里写你的代码...
});
---------------------------------------------------------------------------------------------------------
使用 $(document).ready() 的简写,同时内部的 jQuery 代码依然使用 $ 作为别名,而不管全局的 $ 为何。
jQuery 代码:
jQuery(function($) {
  // 你可以在这里继续使用$作为别名...
});

转载于:https://www.cnblogs.com/GeorgeWang/archive/2011/02/20/1959041.html

jQuery ready(fn) 页面载入函数相关推荐

  1. jQuery中的页面载入($()、ready(fn)、onload)

    用jQuery进行页面载入时有集中方式,我们通过例子来说明一下: 第一种(通过window.onload()): <!DOCTYPE html> <html><head& ...

  2. jQuery系列之页面载入

    文章の目录 1.概述 2.语法 2.1.参数 3.示例 4.总结 写在最后 1.概述 当DOM载入就绪可以查询及操纵时绑定一个要执行的函数. 简单地说,这个方法纯粹是对向window.load事件注册 ...

  3. jQuery-1.9.1源码分析系列(六) 延时对象应用——jQuery.ready

    还记不记得jQuery初始化函数jQuery.fn.init中有这样是一个分支 //document ready简便写法$(function(){-}) } else if( jQuery.isFun ...

  4. jQuery 页面载入进度条 (必有一款适合你----综合搜集版)

    链接主题: 预加载图片 延迟加载图片 Lazy Load javascript图片浏览器的核心--图片预加载 第一种方法: 页面 Loading 条基本人人都会用.它的原理很简单:在页头放置一个文字或 ...

  5. jquery ready方法实现原理

    先看这两句代码: window.addEventListener('load',loaded,false); document.addEventListener('DOMContentLoaded', ...

  6. Js和jQuery的文档就绪函数以及执行次数

    https://www.cnblogs.com/yingyingh5/p/7786821.html 文档就绪函数的使用方法是: 完整方式: $(document).ready(fn) 或者jQuery ...

  7. jquery学习笔记及常用函数封装

    二.JQuery 学习笔记及常用函数封装 https://download.csdn.net/download/weixin_42530002/13087988 1.JQuery入门 (1).css选 ...

  8. jQuery的$.fn使用

    jquery中文网为您提供jQuery的$.fn使用等资源,欢迎您收藏本站,我们将为您提供最新的jQuery的$.fn使用资源 $.fn是指jquery的命名空间,加上fn上的方法及属性,会对jque ...

  9. js进阶 13-6 jquery动画效果相关常用函数有哪些

    js进阶 13-6 jquery动画效果相关常用函数有哪些 一.总结 一句话总结:animate(),stop(),finish(),delat()四个. 1.stop()方法的基本用法是什么(sto ...

最新文章

  1. Linux文件系统:概览(思维导图)
  2. 在RHEL5下构建基于系统用户的Postfix邮件系统
  3. comp313 formal methods lec1
  4. 《Python地理数据处理》——导读
  5. Beta版本测试报告
  6. linux重定向文件被修改后,Linux服务器修改.htaccess文件实现301重定向
  7. 使用anaconda切换Python环境使用spyder
  8. Java配置文件Properties的读取、写入与更新操作
  9. grub的boot loader安装在磁盘上的位置
  10. 计算机单位mb和m大小一样吗,MB和M哪个容量大?
  11. 鸿蒙(HarmonyOS)支持低代码开发,无需HTML知识,就可以设计复杂界面
  12. 《掌控》及其自我掌控
  13. java poi 段落行间距,Apache POI Word - 段落( Paragraph)
  14. html------轮播图
  15. 什么是noshow和goshow
  16. 验证手机号是否注册过爱奇艺
  17. 相机标定板可以自己打印吗_我可以从手机或相机打印多大的照片?
  18. 关于cocos2d-x项目防止八门神器等修改工具的一种解决办法
  19. 【电路】电路与电子技术基础 课堂笔记 第1章 电路的基本概念及基本定律
  20. 一键安装zabbix

热门文章

  1. 在Eclipse中配置Tomcat服务
  2. 汉语转拼音pinyin4j
  3. mac安装python3
  4. jQuery左右选择框
  5. jQuery Datatables常用配置
  6. C++接口定义及实现举例
  7. script的加载方式与执行
  8. 最长公共子序列(LCS问题)
  9. 数据结构利器之私房STL(上)
  10. json.dumps和loads方法