jQuery中ready事件用法实例

183 阅读 0 评论 121 点赞

我是靠谱客的博主体贴豌豆，最近开发中收集的这篇文章主要介绍jQuery中ready事件用法实例，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本文实例讲述了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="http://www.uoften.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>