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

当文档载入完毕就执行，以下几种效果是等价的：
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 ...