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 相关文章推荐
用户注册常用javascript代码
Aug 29 Javascript
javascript函数中的arguments参数
Aug 01 Javascript
使用jQuery模板来展现json数据的代码
Oct 22 Javascript
javascript递归回溯法解八皇后问题
Apr 22 Javascript
javascript实现的淘宝旅行通用日历组件用法实例
Aug 03 Javascript
使用Angular.js实现简单的购物车功能
Nov 21 Javascript
jQuery实现复选框的全选和反选
Feb 02 Javascript
解析Vue2 dist 目录下各个文件的区别
Nov 22 Javascript
javaScript和jQuery自动加载简单代码实现方法
Nov 24 jQuery
微信小程序获取用户绑定手机号方法示例
Jul 21 Javascript
layer实现弹出层自动调节位置
Sep 05 Javascript
Layui动态生成select下拉选择框不显示的解决方法
Sep 24 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
微信公众平台网页授权获取用户基本信息中授权回调域名设置的变动
2014/10/21 PHP
php使用cookie显示用户上次访问网站日期的方法
2015/01/26 PHP
WordPress中is_singular()函数简介
2015/02/05 PHP
使用纯php代码实现页面伪静态的方法
2015/07/25 PHP
[原创]ThinkPHP中SHOW_RUN_TIME不能正常显示运行时间的解决方法
2015/10/10 PHP
PHP 生成微信红包代码简单
2016/03/25 PHP
Symfony2获取web目录绝对路径、相对路径、网址的方法
2016/11/14 PHP
Yii框架小部件(Widgets)用法实例详解
2020/05/15 PHP
PHP网站常见安全漏洞,及相应防范措施总结
2021/03/01 PHP
javascript 节点遍历函数
2010/03/28 Javascript
input链接页面、打开新网页等等的具体实现
2013/12/30 Javascript
jQuery中:disabled选择器用法实例
2015/01/04 Javascript
Vue.Js中的$watch()方法总结
2017/03/23 Javascript
vue.js之vue-cli脚手架的搭建详解
2017/05/05 Javascript
详解基于webpack搭建react运行环境
2017/06/01 Javascript
AngularJS $http post 传递参数数据的方法
2018/10/09 Javascript
Vue中 v-if/v-show/插值表达式导致闪现的原因及解决办法
2018/10/12 Javascript
js实现金山打字通小游戏
2020/07/24 Javascript
[58:25]VP vs RNG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python 查看list中是否含有某元素的方法
2018/06/27 Python
基于wxPython的GUI实现输入对话框(2)
2019/02/27 Python
Python3.5基础之函数的定义与使用实例详解【参数、作用域、递归、重载等】
2019/04/26 Python
windows环境中利用celery实现简单任务队列过程解析
2019/11/29 Python
pytorch  网络参数 weight bias 初始化详解
2020/06/24 Python
Flask中sqlalchemy模块的实例用法
2020/08/02 Python
Python通过format函数格式化显示值
2020/10/17 Python
Pandas DataFrame求差集的示例代码
2020/12/13 Python
很酷的HTML5电子书翻页动画特效
2016/02/25 HTML / CSS
学校十一活动方案
2014/02/01 职场文书
乡镇干部十八大感言
2014/02/17 职场文书
电子商务系毕业生自荐信
2014/05/29 职场文书
大学生标准自荐书
2014/06/15 职场文书
单方离婚协议书范本(2014版)
2014/09/30 职场文书
PyQt5 QThread倒计时功能的实现代码
2021/04/02 Python
Android开发 使用文件储存的方式保存QQ密码
2022/04/24 Java/Android
Python使用plt.boxplot()函数绘制箱图、常用方法以及含义详解
2022/08/14 Python