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 相关文章推荐
很多人都是用下面的js刷新站IP和PV
Sep 05 Javascript
在线编辑器中换行与内容自动提取
Apr 24 Javascript
JQuery中$(document)是什么意思有什么作用
Jul 21 Javascript
node.js+Ajax实现获取HTTP服务器返回数据
Nov 26 Javascript
JS实现点击文字对应DIV层不停闪动效果的方法
Mar 02 Javascript
jQuery检测滚动条是否到达底部
Dec 15 Javascript
JavaScript cookie详解及简单实例应用
Dec 31 Javascript
详解AngularJS2 Http服务
Jun 26 Javascript
vue.js自定义组件directives的实例代码
Nov 09 Javascript
javascript异常处理实现原理详解
Feb 17 Javascript
如何优化vue打包文件过大
Apr 13 Vue.js
JavaScript parseInt0.0000005打印5原理解析
Jul 23 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中修改浏览器的User-Agent来伪装你的浏览器和操作系统
2011/07/29 PHP
php中serialize序列化与json性能测试的示例分析
2013/04/27 PHP
php中通过curl检测页面是否被百度收录
2013/09/27 PHP
PHP curl伪造IP地址和header信息代码实例
2015/04/27 PHP
WAMP环境中扩展oracle函数库(oci)
2015/06/26 PHP
PHP开发中csrf攻击的简单演示和防范
2017/05/07 PHP
LNMP部署laravel以及xhprof安装使用教程
2017/09/14 PHP
php中yii框架实例用法
2020/12/22 PHP
Javascript &amp; DHTML 实例编程(教程)DOM基础和基本API
2007/06/02 Javascript
关于jQuery UI 使用心得及技巧
2012/10/10 Javascript
JS获取地址栏参数的几种方法小结
2014/02/28 Javascript
JQuery中clone方法复制节点
2015/05/18 Javascript
详解vue-Resource(与后端数据交互)
2017/01/16 Javascript
[原创]jquery判断元素内容是否为空的方法
2018/05/04 jQuery
jQuery+vue.js实现的多选下拉列表功能示例
2019/01/15 jQuery
如何能分清npm cnpm npx nvm
2019/01/17 Javascript
ES6 对象的新功能与解构赋值介绍
2019/02/05 Javascript
用webpack4开发小程序的实现方法
2019/06/04 Javascript
vue 实现单选框设置默认选中值
2019/11/07 Javascript
JavaScript 如何计算文本的行数的实现
2020/09/14 Javascript
python常见排序算法基础教程
2017/04/13 Python
Python基础知识点 初识Python.md
2019/05/14 Python
Django框架下静态模板的继承操作示例
2019/11/08 Python
python二元表达式用法
2019/12/04 Python
jupyter notebook 添加kernel permission denied的操作
2020/04/21 Python
Python 字符串池化的前提
2020/07/03 Python
H&M旗下高端女装品牌:& Other Stories
2018/05/07 全球购物
美国婴儿和儿童家具网上商店:ABaby.com
2018/07/02 全球购物
送给他或她的礼物:FUN.com
2018/08/17 全球购物
Myprotein台湾官方网站:全球领先的运动营养品牌
2018/12/10 全球购物
幼儿园春游活动方案
2014/01/19 职场文书
保护地球的标语
2014/06/17 职场文书
司机岗位职责说明书
2014/07/29 职场文书
商场促销活动策划方案
2014/08/18 职场文书
上班迟到检讨书范文300字
2014/11/02 职场文书
高一数学教学反思
2016/02/18 职场文书