位置: 编程技术 - 正文

jquery事件的ready()方法使用详解(jquery的事件处理)

编辑:rootadmin

推荐整理分享jquery事件的ready()方法使用详解(jquery的事件处理),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery事件有哪些,jquery事件的响应,jquery中的事件,jquerychange事件,jquery的事件处理函数,jquery的事件处理函数,jqueryready事件与使用形式,jqueryready事件与使用形式,内容如对您有帮助,希望把文章链接给更多的朋友!

页面初始化中,用的较多的就是$(document).ready(function(){//代码}); 或 $(window).load(function(){//代码});

他们的区别就是,ready是在DOM的结构加载完后就触发,load是在页面内包括DOM结构,css,js,图片等都加载完成后再触发,显然ready更适合作为页面初始化使用。但有时候也不尽然。需要进一步查看其内部机制。

那么ready的内部是如何判断DOM的结构加载完的?并且不同的浏览器的判断是如何的?

答案就在jquery代码内,假设jquery的版本是jquery-1..3.js。

ready的关键代码(~行),关键代码用红色标出:

上面的代码在触发ready时可以分成两部分

1.标准浏览器下的触发

当浏览器是基于标准浏览器时,会在加载完DOM结构后触发“DOMContentLoaded”事件,jquery内部就用此事件作为ready的触发源。

2.IE浏览器下的触发

当浏览器是IE浏览器时,因为IE浏览器(蛋疼并强大着)不支持“DOMContentLoaded”事件,所以只能另谋它法,

IE下的做法 就是上面代码的红字处,用“document.documentElement.doScroll("left")”的方法去滚动页面,如果没加载完就等个毫秒后继续滚,直到滚的动后就触发ready。

但是,如果页面中有frame的场合,会使用window.onload事件作为ready的触发源。

jquery事件的ready()方法使用详解(jquery的事件处理)

所以在IE下,页面中有frame时,ready也是等到页面内的所有内容加载完成后再触发。

jQuery中ready与load事件的区别

大家在工作中用jQuery的时候一定会在使用之前这样:

有些时候也会这么写:

一个是ready一个是load,这两个到底有什么区别呢?今天我们来聊一聊。ready与load谁先执行:

大家在面试的过程中,经常会被问到一个问题:ready与load那一个先执行,那一个后执行?答案是ready先执行,load后执行。DOM文档加载的步骤:

要想理解为什么ready先执行,load后执行就要先聊一下DOM文档加载的步骤:

从上面的描述中大家应该已经理解了吧,ready在第(4)步完成之后就执行了。但是load要在第(6)步完成之后才执行。

ready事件:

ready事件在DOM结构绘制完成之后就绘执行。这样能确保就算有大量的媒体文件没加载出来,JS代码一样可以执行。

load事件:

load事件必须等到网页中所有内容全部加载完毕之后才被执行。如果一个网页中有大量的图片的话,则就会出现这种情况:网页文档已经呈现出来,但由于网页数据还没有完全加载完毕,导致load事件不能够即时被触发。

总结:

相信大家已经了解了ready与load的区别,其实如果页面中要是没有图片之类的媒体文件的话ready与load是差不多的,但是页面中有文件就不一样了,所以还是推荐大家在工作中用ready。

jquery原理以及学习技巧介绍 对于JQuery,想必大家都很熟悉。目前,很多web项目,在实施的过程中,考虑到各浏览器原生JSAPI的兼容性,大都会选用JQuery或类似于JQuery这样的框架来进

基于jquery步骤进度条源码分享 基于jQuery网页步骤流程进度条代码里面包含两款不同效果的jQuery步骤进度条特效。效果图如下:在线预览源码下载html代码:divclass="step_contexttest"/div当前

基于jquery实现左右按钮点击的图片切换效果 jQuery可以制作出与Flash媲美的动画效果,这点绝对毋庸置疑,本文将通过实例演示一个左右按钮点击的图片切换效果。一、最终效果二、功能分析1、需

标签: jquery的事件处理

本文链接地址:https://www.jiuchutong.com/biancheng/370498.html 转载请保留说明!

上一篇:jQuery+CSS3实现3D立方体旋转效果(jquery教程w3c)

下一篇:jquery原理以及学习技巧介绍(jquery实现原理)

  • 纳税等级怎么从M变成B需要什么条件
  • 企业纳税人是什么
  • 新会计准则低值易耗品属于哪个科目
  • 出口结汇必须要开票吗
  • 学校食堂支出
  • 土地增值税二次清算规定
  • 叉车上牌流程需要多少时间
  • 2020年企业减免
  • 退休返聘人员工资
  • 税率变化递延所得税资产如何调整
  • 应收票据周转率多少合适
  • 工资计提多了怎么冲
  • 企业销售货物的税率是多少
  • 营改增土地增值税的计算
  • 进项增值税发票怎么认证
  • 最新房产税消息2020
  • 关于小规模纳税人的说法错误的有
  • 发票查验平台查询官网手机版App
  • 企业所得税一般是几个点
  • 小规模纳税人少计提的工资怎么办
  • 应计入增值税一般纳税人认定标准的“年应税销售额”
  • 垫付的工程款可以起诉要回吗
  • 居民供暖税率
  • 对于在某一时点履行义务,企业应当在
  • vant3.0
  • 出口商品怎么做分录
  • 银行汇票未用退回情况说明
  • vue process.env.node_env
  • mysql刷新数据
  • python采集器
  • 前端处理map
  • spring三级缓存有什么用
  • php文件怎么浏览
  • 详细步骤怎么写
  • 待抵扣进项税额和进项税额的区别
  • 什么情况下可以提取公积金
  • mongodb mongoose
  • mongodb skip limit
  • 自查补税行为有哪些方面
  • 现金周期和经营周期的计算公式
  • 应交税费需要结转到本年利润吗
  • 个税申报数据有误
  • mustn't be allowed
  • mysql常见报错
  • 公司网站设计怎么做
  • 合作社分红计入什么科目
  • 材料暂估入库时需要考虑增值税进项税吗
  • 提取备用金现金流量如何填写
  • 合同权利义务包含债务吗
  • 如何进行税前扣除
  • 不动产分期抵扣表数据
  • 事业单位之间
  • 收入的利息如何计算
  • 离岸银行账户开户
  • win7自带截图保存在哪个文件夹
  • windowsxp教程
  • 网站的运维
  • wp7.8升级wp8
  • 主板不支持u盘装系统怎么办
  • 制作win7系统安装u盘系统
  • 挖掘出潜能
  • macbookair自带系统
  • mom.exe是什么
  • ati2sgag.exe进程安全吗 ati2sgag进程信息查询
  • u盘启动安装xp系统教程
  • win7ie8和ie11
  • 网站出现问题怎么办
  • win10mobile官网
  • linux使用shell脚本创建文件
  • jQuery仿写百度百科的目录树
  • angular中的$scope
  • 轮播怎么实现
  • 福建税务网址
  • 湖北税票真伪查询
  • 什么叫以物易物
  • 境外付款需要什么手续
  • 吉林省耕地面积有多少万亩
  • 该纳税人还未申报,请申报成功后
  • 放管服中的服的深层含义
  • 税务培训主题
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设