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 相关文章推荐
document.createElement()用法
Mar 13 Javascript
jquery中常用的函数和属性详细解析
Mar 07 Javascript
angularJS中router的使用指南
Feb 09 Javascript
javascript函数自动执行常用方法汇总
Mar 28 Javascript
jQuery实现的选择商品飞入文本框动画效果完整实例
Aug 10 Javascript
Bootstrap DateTime Picker日历控件简单应用
Mar 25 Javascript
Spring shiro + bootstrap + jquery.validate 实现登录、注册功能
Jun 02 jQuery
浅谈vue-router 路由传参的方法
Dec 27 Javascript
vue src动态加载请求获取图片的方法
Oct 17 Javascript
vue组件之间通信实例总结(点赞功能)
Dec 05 Javascript
js实现全选和全不选功能
Jul 28 Javascript
基于postman获取动态数据过程详解
Sep 08 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
一个颜色轮换的简单例子
2006/10/09 PHP
表单提交错误后返回内容消失问题的解决方法(PHP网站)
2015/10/20 PHP
PHP面向对象之事务脚本模式(详解)
2017/06/07 PHP
详细解读php的命名空间(一)
2018/02/21 PHP
thinkPHP5框架分页样式类完整示例
2018/09/01 PHP
PHP call_user_func和call_user_func_array函数的简单理解与应用分析
2019/11/25 PHP
利用javascript查看html源文件
2006/11/08 Javascript
jquery 跳到顶部和底部动画2句代码简单实现
2013/07/18 Javascript
JQuery实现绚丽的横向下拉菜单
2013/12/19 Javascript
JS图像无缝滚动脚本非常好用
2014/02/10 Javascript
原生js实现图片轮播特效
2015/12/18 Javascript
jQuery 获取页面li数组并删除不在数组中的key
2016/08/02 Javascript
详解从Node.js的child_process模块来学习父子进程之间的通信
2017/03/27 Javascript
实现微信小程序的wxml文件和wxss文件在webstrom的支持
2017/06/12 Javascript
jQuery Datatable 多个查询条件自定义提交事件(推荐)
2017/08/24 jQuery
在create-react-app中使用css modules的示例代码
2018/07/31 Javascript
使用vue2.0创建的项目的步骤方法
2018/09/25 Javascript
小程序云开发实战小结
2018/10/25 Javascript
vue文件运行的方法教学
2019/02/12 Javascript
微信小程序导航栏跟随滑动效果的实现代码
2019/05/14 Javascript
浅析我对JS延迟异步脚本的思考
2020/10/12 Javascript
[01:35]2018年度CS GO最佳战队-完美盛典
2018/12/17 DOTA
Python实现在某个数组中查找一个值的算法示例
2018/06/27 Python
python检测服务器端口代码实例
2019/08/31 Python
在jupyter notebook 添加 conda 环境的操作详解
2020/04/10 Python
Python3+SQLAlchemy+Sqlite3实现ORM教程
2021/02/16 Python
快速一键生成Python爬虫请求头
2021/03/04 Python
波兰最大的儿童服装连锁店之一:5.10.15.
2018/02/11 全球购物
Burt’s Bees英国官网:世界领先的天然个人护理品牌
2020/08/17 全球购物
解释一下钝化(Swap out)
2016/12/26 面试题
文明单位申报材料
2014/12/23 职场文书
开平碉楼导游词
2015/02/06 职场文书
学前教育见习总结
2015/06/23 职场文书
R9700摩机记
2022/04/05 无线电
使用Nginx+Tomcat实现负载均衡的全过程
2022/05/30 Servers