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 字符串连接性能优化
Dec 20 Javascript
用javascript作一个通用向导说明
Aug 30 Javascript
javascript 判断中文字符长度的函数代码
Aug 27 Javascript
JS使用正则表达式除去字符串中重复字符的方法
Nov 05 Javascript
javascript阻止事件冒泡和浏览器的默认行为
Jan 21 Javascript
angular6.0开发教程之如何安装angular6.0框架
Jun 29 Javascript
JavaScript面向对象继承原理与实现方法分析
Aug 09 Javascript
Vue递归实现树形菜单方法实例
Nov 06 Javascript
详解微信小程序自定义组件的实现及数据交互
Jul 22 Javascript
node 标准输入流和输出流代码实例
Sep 19 Javascript
vue 实现通过vuex 存储值 在不同界面使用
Nov 11 Javascript
解析原生JS getComputedStyle
May 25 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
php2html php生成静态页函数
2008/12/08 PHP
PHPMailer使用教程(PHPMailer发送邮件实例分析)
2012/12/06 PHP
thinkPHP5.0框架URL访问方法详解
2017/03/18 PHP
PHPstorm快捷键(分享)
2017/07/17 PHP
php 可变函数使用小结
2018/06/12 PHP
thinkPHP5框架auth权限控制类与用法示例
2018/06/12 PHP
jQuery 使用手册(六)
2009/09/23 Javascript
jQuery实现点击按钮弹出可关闭层的浮动层插件
2015/09/19 Javascript
jQuery+PHP实现可编辑表格字段内容并实时保存
2015/10/09 Javascript
微信小程序 删除项目工程实现步骤
2016/11/10 Javascript
关于Vue.js 2.0的Vuex 2.0 你需要更新的知识库
2016/11/30 Javascript
jQuery实现图片滑动效果
2017/03/08 Javascript
JavaScript实现AOP详解(面向切面编程,装饰者模式)
2017/12/19 Javascript
详解Vue Elememt-UI构建管理后台
2018/02/27 Javascript
详解Vue中数组和对象更改后视图不刷新的问题
2018/09/21 Javascript
详解element-ui中form验证杂记
2019/03/04 Javascript
JavaScript定时器常见用法实例分析
2019/11/15 Javascript
Node.JS获取GET,POST数据之queryString模块使用方法详解
2020/02/06 Javascript
easyUI使用分页过滤器对数据进行分页操作实例分析
2020/06/01 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
2020/08/14 Javascript
python的正则表达式re模块的常用方法
2013/03/09 Python
Python中字符串对齐方法介绍
2015/05/21 Python
浅谈使用Python变量时要避免的3个错误
2017/10/30 Python
Python测试人员需要掌握的知识
2018/02/08 Python
Python常见MongoDB数据库操作实例总结
2018/07/24 Python
Python要求O(n)复杂度求无序列表中第K的大元素实例
2020/04/02 Python
Keras loss函数剖析
2020/07/06 Python
详解如何使用CSS3中的结构伪类选择器和伪元素选择器
2020/01/06 HTML / CSS
AmazeUI 点击元素显示全屏的实现
2020/08/25 HTML / CSS
捷克领先的户外服装及配件市场零售商:ALPINE PRO
2018/01/09 全球购物
台湾三立电视电商平台:电电购
2019/09/09 全球购物
反邪教标语
2014/06/23 职场文书
2015共产党员公开承诺书
2015/01/22 职场文书
酒店员工管理制度
2015/08/05 职场文书
python模板入门教程之flask Jinja
2022/04/11 Python
安装harbor作为docker镜像仓库的问题
2022/06/14 Servers