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
JS 按钮点击触发(兼容IE、火狐)
Aug 07 Javascript
jQuery实现炫酷的鼠标轨迹特效
Feb 01 Javascript
javascript产生随机数方法汇总
Jan 25 Javascript
JavaScript编写带旋转+线条干扰的验证码脚本实例
May 30 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
Jul 08 Javascript
AngularJs上传前预览图片的实例代码
Jan 20 Javascript
使用get方式提交表单在地址栏里面不显示提交信息
Feb 21 Javascript
关于vue-resource报错450的解决方案
Jul 24 Javascript
使用vue-cli+webpack搭建vue开发环境的方法
Dec 22 Javascript
基于node搭建服务器,写接口,调接口,跨域的实例
May 13 Javascript
JS如何生成动态列表
Sep 22 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注入实例
2006/10/09 PHP
laravel批量生成假数据的方法
2019/10/09 PHP
Prototype使用指南之selector.js
2007/01/10 Javascript
javascript 表单的友好用户体现
2009/01/07 Javascript
使用原生javascript创建通用表单验证——更锋利的使用dom对象
2011/09/13 Javascript
网页中返回顶部代码(多种方法)另附注释说明
2013/04/24 Javascript
使用JavaScript修改浏览器URL地址栏的实现代码
2013/10/21 Javascript
jquery html动态生成select标签出问题的解决方法
2013/11/20 Javascript
javascript实现简单的省市区三级联动
2015/05/14 Javascript
js实现兼容性好的微软官网导航下拉菜单效果
2015/09/07 Javascript
jQuery滚动加载图片实现原理
2015/12/14 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
2016/11/10 Javascript
Jquery根据浏览器窗口改变调整大小的方法
2017/02/07 Javascript
JavaScript定时器setTimeout()和setInterval()详解
2017/08/18 Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
2018/01/03 Javascript
nodejs结合Socket.IO实现的即时通讯功能详解
2018/01/12 NodeJs
VueJS 组件参数名命名与组件属性转化问题
2018/12/03 Javascript
vue 集成jTopo 处理方法
2019/08/07 Javascript
react quill中图片上传由默认转成base64改成上传到服务器的方法
2019/10/30 Javascript
[01:08:09]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第二局
2016/03/02 DOTA
[00:12]DAC SOLO赛卫冕冠军 VG.Paparazi灬展现SOLO技巧
2018/04/06 DOTA
[01:18:21]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第一场 6.2
2018/06/03 DOTA
Python中__init__和__new__的区别详解
2014/07/09 Python
Python实现简单的可逆加密程序实例
2015/03/05 Python
用Python进行行为驱动开发的入门教程
2015/04/23 Python
pyhton列表转换为数组的实例
2018/04/04 Python
python实现搜索文本文件内容脚本
2018/06/22 Python
基于selenium及python实现下拉选项定位select
2020/07/22 Python
购买瑞典当代设计的腕表和太阳眼镜:TRIWA
2016/10/30 全球购物
加拿大最大的箱包及旅游配件零售商:Bentley Leathers
2017/07/19 全球购物
德国净水壶和滤芯品牌:波尔德PearlCo(家用净水器)
2020/04/29 全球购物
局域网定义和特性
2016/01/23 面试题
3的组成教学反思
2014/04/30 职场文书
高中课前三分钟演讲稿
2014/08/18 职场文书
教师节表彰会主持词
2015/07/06 职场文书
运动员入场词
2015/07/18 职场文书