JQuery中$(document)是什么意思有什么作用


Posted in Javascript onJuly 21, 2014

首先我解释一下jQuery jQuery有一个用来作为DOM快速载入javascript的得心应手的小函数,那就是ready… 他在页面加载完成之前执行。

为什么不用window.onload(),因为window.onload函数执行的时候,要说明所有东西已经载入,包括图像和横幅等等。要知道较大的图片下载速度会比较慢,因此用户必须等待大图片下载完毕才能看到window.onload()执行的代码效果,这样就花费了很长的等待时间,这不是我们想要的。

但是 $(document).ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

这是事件模块中最重要的一个函数,因为它可以极大地提高web应用程序的响应速度。

简单地说,这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数. $(document).ready(function(){ // 你的代码 });

$(document)意思是说,获取整个网页文档对象(类似的于window.document),

$(document).ready意思就是说,获取文档对象就绪的时候。上面这段代码的意思是检查文档对象直到它能够允许被操作(译者注:这样做比window.onload()函数要快的多,因为只要文档对象载入完成就能够执行代码了,而不需要等待页面中的图片下载是否已经完成)---这是我们想要的。

Javascript 相关文章推荐
Javascript基础教程之JavaScript语法
Jan 18 Javascript
jQuery实现的经典竖向伸缩菜单效果代码
Sep 24 Javascript
百度搜索框智能提示案例jsonp
Nov 28 Javascript
js原生之焦点图转换加定时器实例
Dec 12 Javascript
JS实现数组去重复值的方法示例
Feb 18 Javascript
mui上拉加载更多下拉刷新数据的封装过程
Nov 03 Javascript
vue 左滑删除功能的示例代码
Jan 28 Javascript
JavaScript数据结构与算法之二叉树添加/删除节点操作示例
Mar 01 Javascript
微信小程序在其他页面监听globalData中值的变化
Jul 15 Javascript
vue 解决移动端弹出键盘导致页面fixed布局错乱的问题
Nov 06 Javascript
ant design vue datepicker日期选择器中文化操作
Oct 28 Javascript
JS removeAttribute()方法实现删除元素的某个属性
Jan 11 Javascript
jquery显示隐藏input对象
Jul 21 #Javascript
jquery实现保存已选用户
Jul 21 #Javascript
jquery实现显示已选用户
Jul 21 #Javascript
jquery操作checkbox示例分享
Jul 21 #Javascript
jquery常用操作小结
Jul 21 #Javascript
JavaScript中的apply和call函数详解
Jul 20 #Javascript
一行命令搞定node.js 版本升级
Jul 20 #Javascript
You might like
论坛头像随机变换代码
2006/10/09 PHP
php中的比较运算符详解
2013/10/28 PHP
利用PHP fsockopen 模拟POST/GET传送数据的方法
2015/09/22 PHP
详解 PHP加密解密字符串函数附源码下载
2015/12/18 PHP
php开发时容易忘记的一些技术细节
2016/02/03 PHP
PHP实现生成数据字典功能示例
2018/05/24 PHP
tp5(thinkPHP5框架)使用DB实现批量删除功能示例
2019/05/28 PHP
打开超链需要“确认”对话框的方法
2007/03/08 Javascript
jquery在项目中做复选框时遇到的一些问题笔记
2013/11/17 Javascript
jQuery实现鼠标滑过点击事件音效试听
2015/08/31 Javascript
JS获取地址栏参数的两种方法(简单实用)
2016/06/14 Javascript
Sequelize中用group by进行分组聚合查询
2016/12/12 Javascript
百度地图API之百度地图退拽标记点获取经纬度的实现代码
2017/01/12 Javascript
JS前端开发判断是否是手机端并跳转操作(小结)
2017/02/05 Javascript
bootstrap confirmation按钮提示组件使用详解
2017/08/22 Javascript
JS逻辑运算符短路操作实例分析
2018/07/09 Javascript
JavaScript遍历DOM元素的常见方式示例
2019/02/16 Javascript
使用apifm-wxapi快速开发小程序过程详解
2019/08/05 Javascript
vue循环数组改变点击文字的颜色
2019/10/14 Javascript
vue+elementUI中表格高亮或字体颜色改变操作
2020/11/02 Javascript
[01:55]2014DOTA2国际邀请赛 BBC正赛第一天总结
2014/07/10 DOTA
[05:24]TI9采访——教练
2019/08/24 DOTA
python3读取csv和xlsx文件的实例
2018/06/22 Python
Python实现针对json中某个关键字段进行排序操作示例
2018/12/25 Python
python网络编程 使用UDP、TCP协议收发信息详解
2019/08/29 Python
python3中calendar返回某一时间点实例讲解
2020/11/18 Python
详解css3中 text-fill-color属性
2019/07/08 HTML / CSS
HTML5 body设置全屏背景图片的示例代码
2020/12/08 HTML / CSS
意大利奢侈品零售商:ilDuomo Novara
2019/09/11 全球购物
浙大网新C/C++面试解惑
2015/05/27 面试题
中学教师实习自我鉴定
2013/09/28 职场文书
《一株紫丁香》教学反思
2014/02/19 职场文书
空气环保标语
2014/06/12 职场文书
幼儿园教师教育随笔
2015/08/14 职场文书
python关于集合的知识案例详解
2021/05/30 Python
Python激活Anaconda环境变量的详细步骤
2021/06/08 Python