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 相关文章推荐
下载站控制介绍字数显示的脚本 显示全部 隐藏介绍等功能
Sep 19 Javascript
javascript dom 基本操作小结
Apr 11 Javascript
jquery live()调用不存在的解决方法
Feb 26 Javascript
jQuery中:contains选择器用法实例
Dec 30 Javascript
jQuery的基本概念与高级编程
May 14 Javascript
js实现字符串转日期格式的方法
May 20 Javascript
JS+CSS实现滑动切换tab菜单效果
Aug 25 Javascript
JQuery点击行tr实现checkBox选中的简单实例
May 26 Javascript
详解AngularJS如何实现跨域请求
Aug 22 Javascript
Node.JS用纯JavaScript生成图片或滑块式验证码功能
Sep 12 Javascript
Vue根据条件添加click事件的方式
Nov 09 Javascript
js实现查询商品案例
Jul 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
CI框架源码阅读,系统常量文件constants.php的配置
2013/02/28 PHP
PHP同时连接多个mysql数据库示例代码
2014/03/17 PHP
教你如何用php实现LOL数据远程获取
2014/06/10 PHP
php中base_convert()进制数字转换函数实例
2014/11/20 PHP
php打印一个边长为N的实心和空心菱型的方法
2015/03/02 PHP
php简单实现快速排序的方法
2015/04/04 PHP
PHP引用的调用方法分析
2016/04/25 PHP
Laravel配置全局公共函数的方法步骤
2019/05/09 PHP
ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox
2012/02/03 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理
2015/11/24 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
2015/12/16 Javascript
jQuery实现拖拽可编辑模块功能代码
2017/01/12 Javascript
JavaScript实现焦点进入文本框内关闭输入法的核心代码
2017/09/20 Javascript
Vue全局分页组件的实现代码
2018/08/10 Javascript
详解基于node.js的脚手架工具开发经历
2019/01/28 Javascript
浅谈vue的第一个commit分析
2020/06/08 Javascript
[04:31]2016国际邀请赛中国区预选赛妖精采访
2016/06/27 DOTA
使用Python的Supervisor进行进程监控以及自动启动
2014/05/29 Python
python修改操作系统时间的方法
2015/05/18 Python
python中安装Scrapy模块依赖包汇总
2017/07/02 Python
python引入导入自定义模块和外部文件的实例
2017/07/24 Python
Python unittest单元测试框架总结
2018/09/08 Python
Python中BeautifulSoup通过查找Id获取元素信息
2020/12/07 Python
CSS3中使用RGBA设置透明度的示例
2015/08/04 HTML / CSS
使用CSS3的font-face字体嵌入样式的方法讲解
2016/05/13 HTML / CSS
英国高级百货公司:Harvey Nichols
2017/01/29 全球购物
法国高保真音响和家庭影院商店:Son Video
2019/04/26 全球购物
实现向右循环移位
2014/07/31 面试题
失业者真诚求职信范文
2013/12/25 职场文书
2014年三八妇女节活动方案
2014/02/28 职场文书
2014年有孩子的离婚协议书范本
2014/10/08 职场文书
2015世界地球日活动总结
2015/02/09 职场文书
2015年副班长工作总结
2015/05/15 职场文书
中秋节随笔
2015/08/15 职场文书
vue使用v-model进行跨组件绑定的基本实现方法
2021/04/28 Vue.js
室外天线与收音机天线杆接合方法
2022/04/05 无线电