$(function(){})和$(document).ready(function(){}) 的用法

时间:2023-03-08 22:31:44
当文档载入完毕就执行,以下几种效果是等价的:
1.
$(function(){  //这个就是jQuery ready()的简写,即下2的简写
// do something
});

2.

$(document).ready(function(){
//do something
})

 3.

$().ready(function(){  //默认参数是:document
//do something
})
document.ready和onload的区别——JavaScript文档加载完成事件
页面加载完成有两种事件:
   一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件)
   二是onload,指示页面包含图片等文件在内的所有元素都加载完成。
1.$(document).ready()方法
(1)执行时机:在DOM完全就绪时就可以被调用。(这并不意味着这些元素关联的文件都已经下载完毕)
举个例子:$(document).ready()方法明知要DOM就绪就可以操作了,不需要等待所有图片下载完毕。
(2)多次使用:
function one(){
alert("one");
} function two(){
alert("two");
} $(document).ready(function(){
one();
});
$(document).ready(function(){
two();
}); //运行代码后
//先是:one
//先是:two
2.. window.onload方法
(1)执行时机:
在网页中所有元素(包括元素的所有关联文件)完全加载到浏览器后才执行,即JavaScript 此时可以访问网页中的所有元素。
window.onload=function(){  $(window).load(function(){
//编写代码 等价于  //编写代码
}  });
(2)多次使用:
JavaScript的onload事件一次只能保存对一个函数的引用,他会自动用最后面的函数覆盖前面的函数。
function one(){
alert("one");
} function two(){
alert("two");
} window.onload=one;
window.onload=two;
//运行代码后只有 two

随机推荐

  1. 5分钟学习maven

    英文原地址:http://maven.apache.org/guides/getting-started/maven-in-five-minutes.html 一.前提 需要懂得如何在计算机上安装软件 ...

  2. 中国省市 JS代码

    很实用的一段JS代码, 用户注册的时候,选择地址常用到.代码如下: <script language="javascript"> var g_selProvince; ...

  3. 文本编辑器vim

    Vim是一个功能强大的全屏幕文本编辑器,是Linux/UNIX上最大的文本编辑器,它的作用是建立.编辑.显示文本文件. Vim没有菜单,只有命令.

  4. linux命令:cp

    1.命令介绍: cp用来复制文件或目录,全称是copy 2.命令格式: cp [选项] [-T] 源 目的 或cp [选项] 源 目录 或cp [选项] -t 目录 源 3.命令参数: -a, --a ...

  5. Functions

    Small The first rule of functions is that they should be small.The second rule of functions is that ...

  6. 【Android UI】 Shape详解

    在Android开发过程中,经常需要改变控件的默认样式, 那么通常会使用多个图片来解决.不过这种方式可能需要多个图片,比如一个按钮,需要点击时的式样图片,默认的式样图片. 这样就容易使apk变大. 那 ...

  7. 定时同步时间与crontab

    date 月日时分年.秒date -s可以直接设置系统时间 比如将系统时间设定成1996年6月10日的命令如下.#date -s 06/10/96将系统时间设定成下午1点12分0秒的命令如下.#dat ...

  8. Dynamic支持CollectionView布局 、 MotionEffects特效 、 BlurImage效果 、 TextKit

    1 使用UIDynamicAnimator对集合视图进行布局 1.1 问题 UIKit Dynamic动力模型一个非常有趣的用途就是影响集合视图的布局,可以给集合视图的布局添加各种动力行为,使其产生丰 ...

  9. C++的虚函数表

    这里的例子全部来自陈皓的C++ 虚函数表解析,经过修改的. 编译器:g++ (Ubuntu 4.9.2-10ubuntu13) 4.9.2 环境:ubuntu 15.04  64位系统(地址占8字节) ...

  10. ZMMR103-数据批量导入

    ************************************************************************ Title : ZMMR103 ** Applicat ...