jquery中$(function(){...})的含义

最新推荐文章于 2023-06-06 10:36:07 发布

mmoooodd

最新推荐文章于 2023-06-06 10:36:07 发布

阅读量742

点赞数

本文介绍了一个简单的jQuery应用程序实例，展示了如何使用$(document).ready()函数来实现页面加载完成后执行特定的JavaScript代码。通过对比window.onload，突出了jQuery提供的优势。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

新建一个 HTML 文件 1-1.html，加入如下所示的代码。
一个简单的 jQuery 应用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title> 第一个简单的jQuery 程序 </title>
    <script language="javascript" type="text/javascript"
            src="http://ych0108.iteye. com /blog/Jscript/jquery-1.4.2.min.js" rel=" nofollow "/>    <script type="text/javascript">
           $(document).ready(function(){
              alert("您好, 欢迎来到jQuery世界");
           })
    </script>
</head>
<body>
</body>
</html>
在上述文件的代码中，有一段如下的代码：
$(document).ready(function(){
               //程序段
})
该段代码类似于传统的 JavaScript 代码：
window .onload=function(){
               //程序段
}
//--
//window.onload=function(){...}的作用又跟声明函数loading function loading(){...}，并在html的<body onload="loading()">调用一样
//这样写就不用在body的onload事件里面调用，只需在js程序段里面编写即可
//--
虽然上述两段代码在功能上可以互换，但它们之间又有许多区别：
执行时间不同： $(document).ready在页面框架下载完毕后就执行；而window.onload必须
在页面全部加载完毕（包含图片下载）后才能执行。很明显，前者的执行效率高于后者。
执行数量不同： $(document).ready可以重复写多个，并且每次执行结果不同；而window.
onload尽管可以执行多个，但仅输出最后一个执行结果，无法完成多个结果的输出。
$(document).ready(function(){}) 可以简写成 $(function(){})，因此与下面的代码是等
价的。
$(document).ready(function(){
              // 程序段
})
等价于
$(function(){
              // 程序段
})