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 相关文章推荐
jQuery 学习第六课 实现一个Ajax的TreeView
May 17 Javascript
javascript 基础篇1 什么是js 建立第一个js程序
Mar 14 Javascript
JQuery设置文本框和密码框得到焦点时的样式
Aug 30 Javascript
jquery中常用的SET和GET$(”#msg”).html循环介绍
Oct 09 Javascript
JavaScript 作用域链解析
Nov 13 Javascript
jquery表单验证插件(jquery.validate.js)的3种使用方式
Mar 28 Javascript
JQuery节点元素属性操作方法
Jun 11 Javascript
每天一篇javascript学习小结(属性定义方法)
Nov 19 Javascript
vue中使用element-ui进行表单验证的实例代码
Jun 22 Javascript
使用 Vue 实现一个虚拟列表的方法
Aug 20 Javascript
微信js-sdk 录音功能的示例代码
Nov 01 Javascript
Servlet返回的数据js解析2种方法
Dec 12 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水印
2007/03/16 PHP
配置Apache2.2+PHP5+CakePHP1.2+MySQL5运行环境
2009/04/25 PHP
php download.php实现代码 跳转到下载文件(response.redirect)
2009/08/26 PHP
探讨php中防止SQL注入最好的方法是什么
2013/06/10 PHP
php进行支付宝开发中return_url和notify_url的区别分析
2014/12/22 PHP
php通过curl模拟登陆DZ论坛
2015/05/11 PHP
PHP实现多维数组转字符串和多维数组转一维数组的方法
2015/08/08 PHP
PHP解耦的三重境界(浅谈服务容器)
2017/03/13 PHP
Laravel框架路由设置与使用示例
2018/06/12 PHP
js下获取div中的数据的原理分析
2010/04/07 Javascript
兼容IE、firefox以及chrome的js获取时间(getFullYear)
2014/07/04 Javascript
IE中JS跳转丢失referrer问题的2个解决方法
2014/07/18 Javascript
javascript实现日期时间动态显示示例代码
2015/09/08 Javascript
深入解析Javascript闭包的功能及实现方法
2016/07/10 Javascript
jQuery Easyui快速入门教程
2016/08/21 Javascript
MUI 上拉刷新/下拉加载功能实例代码
2017/04/13 Javascript
JavaScript使用ZeroClipboard操作剪切板
2017/05/10 Javascript
ES6正则表达式扩展笔记
2017/07/25 Javascript
详解require.js配置路径的用法和css的引入
2017/09/06 Javascript
基于Vue制作组织架构树组件
2017/12/06 Javascript
微信小程序实现横向滚动导航栏效果
2019/12/12 Javascript
ant design中upload组件上传大文件,显示进度条进度的实例
2020/10/29 Javascript
[04:39]显微镜下的DOTA2第十三期—Pis卡尔个人秀
2014/04/04 DOTA
python实现QQ空间自动点赞功能
2019/04/09 Python
python+logging+yaml实现日志分割
2019/07/22 Python
Python3如何对urllib和urllib2进行重构
2019/11/25 Python
Python列表去重复项的N种方法(实例代码)
2020/05/12 Python
基于Keras 循环训练模型跑数据时内存泄漏的解决方式
2020/06/11 Python
python爬虫中采集中遇到的问题整理
2020/11/27 Python
浅析Python 中的 WSGI 接口和 WSGI 服务的运行
2020/12/09 Python
HTML5使用DOM进行自定义控制示例代码
2013/06/08 HTML / CSS
自我鉴定书范文
2013/10/02 职场文书
领导干部群众路线教育实践活动剖析材料
2014/10/10 职场文书
毕业设计答辩开场白
2015/05/29 职场文书
少儿励志名言(80句)
2019/08/14 职场文书
Python TypeError: ‘float‘ object is not subscriptable错误解决
2022/12/24 Python