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页面跳转常用的几种方式
Nov 25 Javascript
ExtJS4 组件化编程,动态加载,面向对象,Direct
May 12 Javascript
Javascript中产生固定结果的函数优化技巧
Jan 16 Javascript
JavaScript输出当前时间Unix时间戳的方法
Apr 06 Javascript
JavaScript鼠标特效大全
Sep 13 Javascript
DOM 事件的深入浅出(二)
Dec 05 Javascript
jQuery的中 is(':visible') 解析及用法(必看)
Feb 12 Javascript
Vue.js路由vue-router使用方法详解
Mar 20 Javascript
vue中element组件样式修改无效的解决方法
Feb 03 Javascript
React.js绑定this的5种方法(小结)
Jun 05 Javascript
swiper在angularjs中使用循环轮播失效的解决方法
Sep 27 Javascript
vue项目中全局引入1个.scss文件的问题解决
Aug 01 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
《神奇女侠:血脉》神力女超人大战犯罪公司
2020/04/09 欧美动漫
PHP数组排序函数合集 以及它们之间的联系分析
2013/06/27 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
javascript-表格排序(降序/反序)实现介绍(附图)
2013/05/30 Javascript
关于JS中的闭包浅谈
2013/08/23 Javascript
js判断页面中是否有指定控件的简单实例
2014/03/04 Javascript
Javascript页面跳转常见实现方式汇总
2015/11/28 Javascript
jQuery实现form表单元素序列化为json对象的方法
2015/12/09 Javascript
Bootstrap每天必学之模态框(Modal)插件
2016/04/26 Javascript
sso跨域写cookie的一段js脚本(推荐)
2016/05/25 Javascript
JavaScript实现移动端滑动选择日期功能
2016/06/21 Javascript
js前端面试题及答案整理(一)
2016/08/26 Javascript
详解Angular2组件之间如何通信
2017/06/22 Javascript
Angular排序实例详解
2017/06/28 Javascript
jQuery Dom元素操作技巧
2018/02/04 jQuery
React BootStrap用户体验框架快速上手
2018/03/06 Javascript
js数组去重的N种方法(小结)
2018/06/07 Javascript
在vue中解决提示警告 for循环报错的方法
2018/09/28 Javascript
vue移动端实现手机左右滑动入场动画
2020/06/17 Javascript
jQuery弹框插件使用方法详解
2020/05/26 jQuery
element-ui中el-upload多文件一次性上传的实现
2020/12/02 Javascript
[04:26]2014DOTA2国际邀请赛-Newbee顺利进入胜者组决赛 独家专访战神7
2014/07/19 DOTA
[52:44]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第一场 6.3
2018/06/04 DOTA
SQLite3中文编码 Python的实现
2017/01/11 Python
python使用sessions模拟登录淘宝的方式
2019/08/16 Python
python如何基于redis实现ip代理池
2020/01/17 Python
Python基于pandas绘制散点图矩阵代码实例
2020/06/04 Python
html5本地存储 localStorage操作使用详解
2016/09/20 HTML / CSS
软件测试笔试题
2012/10/25 面试题
庆八一活动方案
2014/01/25 职场文书
大学生怎样写好自荐信
2014/02/25 职场文书
请假条的格式
2014/04/11 职场文书
2014年镇党建工作汇报材料
2014/11/02 职场文书
社会实践活动报告
2015/02/05 职场文书
如何利用python和DOS获取wifi密码
2021/03/31 Python
4种方法python批量修改替换列表中元素
2022/04/07 Python