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 相关文章推荐
select标签模拟/美化方法采用JS外挂式插件
Apr 01 Javascript
Jquery实现网页跳转或用命令打开指定网页的解决方法
Jul 09 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
Dec 05 Javascript
如何设置一定时间内只能发送一次请求
Feb 28 Javascript
深入理解关于javascript中apply()和call()方法的区别
Apr 12 Javascript
jQuery实现表格奇偶行显示不同背景色 就这么简单
Mar 13 Javascript
基于jQuery的左滑出现删除按钮的示例
Aug 29 jQuery
AngularJs 延时器、计时器实例代码
Sep 16 Javascript
基于bootstrap写的一点localStorage本地储存
Nov 21 Javascript
JavaScript实现读取与输出XML文件数据的方法示例
Jun 05 Javascript
javascript中的数据类型检测方法详解
Aug 07 Javascript
Vue 3.0 全家桶抢先体验
Apr 28 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
基于curl数据采集之正则处理函数get_matches的使用
2013/04/28 PHP
自定义min版smarty模板引擎MinSmarty.class.php文件及用法
2016/05/20 PHP
php7性能提升的原因详解
2019/10/13 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
动态修改DOM 里面的 id 属性的弊端分析
2008/09/03 Javascript
jQuery表单验证插件formValidator(改进版)
2012/02/03 Javascript
jquery foreach使用示例
2013/09/12 Javascript
解析JSON对象与字符串之间的相互转换
2013/12/18 Javascript
jquery实现预览提交的表单代码分享
2014/05/21 Javascript
js实现select跳转功能代码
2014/10/22 Javascript
jQuery的one()方法用法实例
2015/01/19 Javascript
jquery实现美观的导航菜单鼠标提示特效代码
2015/09/06 Javascript
jQuery时间插件jquery.clock.js用法实例(5个示例)
2016/01/14 Javascript
浅析JS原型继承与类的继承
2016/04/07 Javascript
Bootstrap 手风琴菜单的实现代码
2017/01/20 Javascript
React学习笔记之事件处理(二)
2017/07/02 Javascript
vue购物车插件编写代码
2017/11/27 Javascript
Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners)
2018/05/04 Javascript
vue 动态绑定背景图片的方法
2018/08/10 Javascript
原生js实现密码强度验证功能
2020/03/18 Javascript
vue cli3.0打包上线静态资源找不到路径的解决操作
2020/08/03 Javascript
[02:07]TI9显影之尘系列 - Vici Gaming
2019/08/20 DOTA
Python中的集合类型知识讲解
2015/08/19 Python
深入理解NumPy简明教程---数组1
2016/12/17 Python
python 递归遍历文件夹,并打印满足条件的文件路径实例
2017/08/30 Python
python代码实现ID3决策树算法
2017/12/20 Python
Python爬虫抓取技术的一些经验
2019/07/12 Python
基于python和flask实现http接口过程解析
2020/06/15 Python
德国网上药房:Apotal
2017/04/04 全球购物
购买中国最好的电子产品:Geekbuying
2018/03/13 全球购物
美容师的职业规划书
2013/12/27 职场文书
师范毕业生求职信
2014/07/11 职场文书
新年祝酒词大全
2015/08/11 职场文书
小学一年级班主任工作经验交流材料
2015/11/02 职场文书
导游词之蜀山胜景瓦屋山
2019/11/29 职场文书
浅谈MySQL 亿级数据分页的优化
2021/06/15 MySQL