jQuery中ready事件用法实例


Posted in Javascript onJanuary 19, 2015

本文实例讲述了jQuery中ready事件用法。分享给大家供大家参考。具体分析如下:

此事件会在文档加载就绪以后触发,也就是当DOM对象已经加载,并且网页内容全部呈现时候触发。
ready()方法可以为ready事件绑定事件处理方法,并且此方法的选择器是唯一的,那就是document对象。
语法形式有三种,后两种是第一种的简写。

语法结构:
语法一:

$(document).ready(function)

语法二:

$().ready(function)

语法三:

$(function)

参数列表:
参数 描述
function 定义当文档加载完成后要运行的函数。

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="author" content="https://3water.com/" />

<title>三水点靠木</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

  alert("文档已经加载完毕") 

}) 

</script> 

</head> 

<body> 

</body> 

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
通过pjax实现无刷新翻页(兼容新版jquery)
Jan 31 Javascript
ActiveX控件与Javascript之间的交互示例
Jun 04 Javascript
Window.Open如何在同一个标签页打开
Jun 20 Javascript
js+HTML5基于过滤器从摄像头中捕获视频的方法
Jun 16 Javascript
JavaScript学习笔记之创建对象
Mar 25 Javascript
Web打印解决方案之普通报表打印功能
Aug 29 Javascript
详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法
Aug 09 jQuery
微信小程序实现红包雨功能
Jul 11 Javascript
如何手动实现es5中的bind方法详解
Dec 07 Javascript
Vue 自定义指令功能完整实例
Sep 17 Javascript
js单线程的本质 Event Loop解析
Oct 29 Javascript
详解vue-router 动态路由下子页面多页共活的解决方案
Dec 22 Javascript
jQuery中offsetParent()方法用法实例
Jan 19 #Javascript
jQuery中outerWidth()方法用法实例
Jan 19 #Javascript
javascript数据类型示例分享
Jan 19 #Javascript
jQuery中outerHeight()方法用法实例
Jan 19 #Javascript
jQuery中innerWidth()方法用法实例
Jan 19 #Javascript
JS实现页面超时后自动跳转到登陆页面
Jan 19 #Javascript
jQuery中innerHeight()方法用法实例
Jan 19 #Javascript
You might like
php判断linux下程序问题实例
2015/07/09 PHP
PHP自定义函数实现格式化秒的方法
2016/09/14 PHP
详谈PHP中的密码安全性Password Hashing
2017/02/04 PHP
PHP基于新浪IP库获取IP详细地址的方法
2017/05/04 PHP
PHP中命名空间的使用例子
2019/03/22 PHP
Jquery插件之打造自定义的select标签
2011/11/30 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
2013/07/12 Javascript
ECMAScript 5严格模式(Strict Mode)介绍
2015/03/02 Javascript
移动端JQ插件hammer使用详解
2015/07/03 Javascript
js+css实现上下翻页相册代码分享
2015/08/18 Javascript
Validform+layer实现漂亮的表单验证特效
2016/01/17 Javascript
jQuery实现鼠标滚动图片延迟加载效果附源码下载
2016/06/28 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
2016/08/24 Javascript
jQuery手指滑动轮播效果
2016/12/22 Javascript
Angular 4.X开发实践中的踩坑小结
2017/07/04 Javascript
javascript中call()、apply()的区别
2019/03/21 Javascript
只有 20 行的 JavaScript 模板引擎实例详解
2020/05/11 Javascript
Vue axios 跨域请求无法带上cookie的解决
2020/09/08 Javascript
[01:02:25]2014 DOTA2华西杯精英邀请赛 5 24 iG VS DK
2014/05/26 DOTA
python smtplib模块发送SSL/TLS安全邮件实例
2015/04/08 Python
Python实现的飞速中文网小说下载脚本
2015/04/23 Python
python打包生成的exe文件运行时提示缺少模块的解决方法
2018/10/31 Python
Python TestCase中的断言方法介绍
2019/05/02 Python
解决tensorflow由于未初始化变量而导致的错误问题
2020/01/06 Python
Python并发爬虫常用实现方法解析
2020/11/19 Python
python反爬虫方法的优缺点分析
2020/11/25 Python
详解CSS3 用border写 空心三角箭头 (两种写法)
2017/09/29 HTML / CSS
将HTML5 Canvas的内容保存为图片借助toDataURL实现
2013/05/20 HTML / CSS
html5使用canvas绘制太阳系效果
2014/12/15 HTML / CSS
Chain Reaction Cycles芬兰:世界上最大的在线自行车商店
2017/12/06 全球购物
大一新生军训时的自我评价分享
2013/12/05 职场文书
小学教师办公室制度
2014/02/03 职场文书
《圆明园的毁灭》教学反思
2014/02/28 职场文书
初中班级口号
2014/06/09 职场文书
2014年社区重阳节活动策划方案
2014/09/16 职场文书
2014年作风建设剖析材料
2014/10/23 职场文书