当前位置: 首页 > news >正文

$(document).ready(function(){}), $().ready(function(){})和$(function(){})三者区别

当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。
ready() 函数仅能用于当前文档,因此无需选择器。
所以document选择器可以不要,那么就可以写成:
$().ready(function(){})
最后$的默认事件就是ready,所以,ready也可以省略,写成:
$(function(){});

另外一个页面可以写多个ready方法的。
都是document的ready事件





document.ready和onload的区别——JavaScript文档加载完成事件
页面加载完成有两种事件
一是ready,表示文档结构已经加载完成(并且页面(包括图像)已经完全呈现)
二是onload,指示页面包含图片等文件在内的所有元素都加载完成。  onload 事件会在页面或图像加载完成后立即发生。
 
用jQ的人很多人都是这么开始写脚本的:
$(function(){
// do something
});
其实这个就是jq ready()的简写,他等价于:

$(document).ready(function(){

//do something
})
//或者下面这个方法,jQuer的默认参数是:“document”;

$().ready(function(){

//do something
})
这个就是jq ready()的方法就是Dom Ready,他的作用或者意义就是:在DOM加载完成后就可以可以对DOM进行操作。
一般情况先一个页面响应加载的顺序是:域名解析-加载html-加载js和css-加载图片等其他信息。
那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间,就可以操作Dom了。

相关文章:

  • RegexOptions.Compiled真的是性能杀手么?
  • Android 从服务器获取时间戳转换为年月日
  • java uuid第一次性能
  • 精度计算-大数乘小数
  • C#~异步编程再续~await与async引起的w3wp.exe崩溃-问题友好的解决
  • Android 中文API (68) —— BluetoothClass.Service
  • 一加3T解锁OEM、刷入TWRP、第三方ROM以及ROOT
  • Binlog中最容易踩到的坑
  • 图解HashMap(二)
  • 安装编译bind
  • Deepin桌面版更新:基于最新Ubuntu 17.10
  • java-信息安全(二)-对称加密算法DES,3DES,AES,Blowfish,RC2,RC4
  • Linux系统管理员级别需要掌握的操作(第一部分)
  • 协程
  • C#中for循环的交换排序案例
  • export和import的用法总结
  • JS正则表达式精简教程(JavaScript RegExp 对象)
  • Linux编程学习笔记 | Linux IO学习[1] - 文件IO
  • orm2 中文文档 3.1 模型属性
  • Sublime text 3 3103 注册码
  • Twitter赢在开放,三年创造奇迹
  • Vue源码解析(二)Vue的双向绑定讲解及实现
  • 初探 Vue 生命周期和钩子函数
  • 道格拉斯-普克 抽稀算法 附javascript实现
  • 看完九篇字体系列的文章,你还觉得我是在说字体?
  • 模型微调
  • 区块链将重新定义世界
  • 微信开源mars源码分析1—上层samples分析
  • 想晋级高级工程师只知道表面是不够的!Git内部原理介绍
  • PostgreSQL 快速给指定表每个字段创建索引 - 1
  • 阿里云服务器如何修改远程端口?
  • ​​​​​​​ubuntu16.04 fastreid训练过程
  • ​ssh免密码登录设置及问题总结
  • ​ubuntu下安装kvm虚拟机
  • ​猴子吃桃问题:每天都吃了前一天剩下的一半多一个。
  • ​软考-高级-信息系统项目管理师教程 第四版【第23章-组织通用管理-思维导图】​
  • #1014 : Trie树
  • #AngularJS#$sce.trustAsResourceUrl
  • (1)SpringCloud 整合Python
  • (4) PIVOT 和 UPIVOT 的使用
  • (aiohttp-asyncio-FFmpeg-Docker-SRS)实现异步摄像头转码服务器
  • (delphi11最新学习资料) Object Pascal 学习笔记---第8章第5节(封闭类和Final方法)
  • (LeetCode) T14. Longest Common Prefix
  • (读书笔记)Javascript高级程序设计---ECMAScript基础
  • (力扣记录)1448. 统计二叉树中好节点的数目
  • (免费领源码)Java#ssm#MySQL 创意商城03663-计算机毕业设计项目选题推荐
  • (免费领源码)python+django+mysql线上兼职平台系统83320-计算机毕业设计项目选题推荐
  • (原创)boost.property_tree解析xml的帮助类以及中文解析问题的解决
  • (转)德国人的记事本
  • .equals()到底是什么意思?
  • .gitignore文件设置了忽略但不生效
  • .net framework 4.0中如何 输出 form 的name属性。
  • .Net Remoting(分离服务程序实现) - Part.3
  • .net 前台table如何加一列下拉框_如何用Word编辑参考文献
  • .net 托管代码与非托管代码