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的仿百度搜索框效果代码
Apr 11 Javascript
说说JSON和JSONP 也许你会豁然开朗
Sep 02 Javascript
JS实现静止元素自动移动示例
Apr 14 Javascript
jQuery实现本地预览上传图片功能
Jan 08 Javascript
详解JavaScript中数组和字符串的lastIndexOf()方法使用
Mar 13 Javascript
使用smartupload组件实现jsp+jdbc上传下载文件实例解析
Jan 05 Javascript
React快速入门教程
Jan 17 Javascript
js 用于检测类数组对象的函数方法
May 02 Javascript
浅谈mvvm-simple双向绑定简单实现
Apr 18 Javascript
jQuery实现遍历XML节点和属性的方法示例
Apr 29 jQuery
Vue项目中最新用到的一些实用小技巧
Nov 06 Javascript
JS实现数组删除指定元素功能示例
Jun 05 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
VML绘图板②脚本--VMLgraph.js、XMLtool.js
2006/10/09 PHP
PHP编程最快明白(第一讲 软件环境和准备工作)
2010/10/25 PHP
解析php中eclipse 用空格替换 tab键
2013/06/24 PHP
php stripslashes和addslashes的区别
2014/02/03 PHP
PHP读取汉字的点阵数据
2015/06/22 PHP
WordPress中&quot;无法将上传的文件移动至&quot;错误的解决方法
2015/07/01 PHP
使用TextRange获取输入框中光标的位
2006/10/14 Javascript
Jquery进度条插件 Progress Bar小问题解决
2011/07/12 Javascript
javascript设置连续两次点击按钮时间间隔的方法
2014/10/28 Javascript
jQuery实现的登录浮动框效果代码
2015/09/26 Javascript
js实现的二分查找算法实例
2016/01/21 Javascript
微信小程序 wx.request(OBJECT)发起请求详解
2016/10/13 Javascript
Angular4 中内置指令的基本用法
2017/07/31 Javascript
Angular4开发解决跨域问题详解
2017/08/28 Javascript
Node.js使用Express.Router的方法
2017/11/14 Javascript
完美解决iview 的select下拉框选项错位的问题
2018/03/02 Javascript
JavaScript中click和onclick本质区别与用法分析
2018/06/07 Javascript
vue+element+Java实现批量删除功能
2019/04/08 Javascript
微信公众号平台接口开发 菜单管理的实现
2019/08/14 Javascript
如何用JS模拟实现数组的map方法
2020/07/30 Javascript
Antd的table组件表格的序号自增操作
2020/10/27 Javascript
[01:45]DOTA2众星出演!DSPL刀塔次级职业联赛宣传片
2014/11/21 DOTA
[01:04:39]OG vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
[01:00:53]OG vs IG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python中声明只包含一个元素的元组数据方法
2014/08/25 Python
python计算牛顿迭代多项式实例分析
2015/05/07 Python
Python两个内置函数 locals 和globals(学习笔记)
2016/08/28 Python
Python 出现错误TypeError: ‘NoneType’ object is not iterable解决办法
2017/01/12 Python
Python爬取豆瓣数据实现过程解析
2020/10/27 Python
css3闪亮进度条效果实现思路及代码
2013/04/17 HTML / CSS
伦敦最著名的老字号百货公司:Selfridges(塞尔福里奇百货)
2016/07/25 全球购物
美国折衷生活方式品牌:Robert Graham
2018/07/13 全球购物
日本卡普空电视游戏软件公司官方购物网站:e-CAPCOM
2018/07/17 全球购物
法国高保真音响和家庭影院商店:Son Video
2019/04/26 全球购物
亮剑精神演讲稿
2014/05/23 职场文书
2019年最新感恩节祝福语(28句)
2019/11/27 职场文书