1.首先说JQuery的几个写法 

$(function(){
    　　//do someting
   });
   $(document).ready(function(){
    　　//do someting
   });
   $().ready(function(){
　　　　//do someting
  })

这三种方法都是JQuery的方法，写法不一样，但是效果一样。

 2.这三个写法和$(window).load(function(){...})、onload()的区别

2.1.加载多个函数的问题

　　<body onload="a();b();">
　　</body>
　　在Onload事件中只能这样加载，很丑陋…而在JQuery中你可以利用多个JQuery.Ready()方法，它们会按次序依次执行

2.2代码和内容不分离
      这个貌似不用说了，让人深恶痛绝-.-!!

3.3执行先后顺序不同
            对于Body.Onload事件，是在加载完所有页面内容才会触发，我的意思是所有内容,包括图片，flash等.如果页面的这些内容很多会让用户等待很长时间.
       而对于$(document).ready()方法，这个方法只是在页面所有的DOM加载完毕后就会触发,无疑很大的加快了网页的速度.
       但是对于一些特殊应用，比如图片的放大缩小，图片的剪裁。需要网页所有的内容加载完毕后才执行的呢？我推荐使用$(window).load()方法，这个方法会等
       到页面所有内容加载完毕后才会触发，并且同时又没有OnLoad事件的弊端.

3.(function($){})(jQuery)

(function() {
      alert("hi");//不一定在dom加载完执行，所以要操作dom对象时需要注意
  })(jQuery)

3.1首先(function(){})()这种写法 是创建了一个匿名的方法并立即执行（function(){})这个是匿名方法后面的括号就是立即调用了这个方法）。这样做可以创建一个作用域以保证内部变量与外部变量不发生冲突，比如$ jQuery 等jquery内部定义的变量。

3.2 (function($){})(jQuery) 这个写法主要的作用还是保证jquery不与其他类库或变量有冲突 首先是要保证jQuery这个变量名与外部没有冲突（jquery内部$与jQuery是同一个东西 有两个名字的原因就是怕$与其他变量名有冲突二jQuery与其他变量冲突的几率非常小）并传入匿名对象，匿名对象给参数起名叫做$(其实和jquery内部是一样的) 然后你就可以自由的在(function($){})(jQuery)里写你的插件而不需要考虑与外界变量是否存在冲突。

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

 <HTML>

  <HEAD>

   <script type="text/javascript" src="jquery-1.7.2.min.js" charset="utf-8" ></script>

  </HEAD>

  <BODY onload="alert('onload')">

      <script  type="text/javascript" charset="utf-8" >

          $(function(){

              alert("$(function()");

          });

          $(document).ready(function(){

              alert("$(document).ready");

          });

          $().ready(function(){

             alert("$().ready(function()");

         })

         //上面三个方法是级别是一样的，按代码的先后顺利执行，是在dom对象加载完

         $(window).load(function() {

              alert("$(window).load(function()");//是在图片，flash等加载完执行

         });

         (function() {

             alert("hi");//不一定在dom加载完执行，所以要操作dom对象时需要注意

         })(jQuery)

         //弹出先后顺利是：hi-> $(function() -> $(document).ready -> $().ready(function() -> onload -> $(window).load(function()

      </script>

  </BODY>

 </HTML>

<转载自：http://www.cnblogs.com/allensoft/archive/2014/04/10/3656202.html>

随机推荐

  1. Hibernate学习-在线书城后台管理系统的设计

    写在前面:小编经历了昨天一晚上加今天一整天的“不吃不喝(夸张点…总之就是把时间全分享给TA了)”终于把程序的问题全部解决了,小编现在的心情十分的开森,开森,开森,Happy,话不多说,直接进入正题: ...

  2. TCP/IP详解 笔记十二

    简单文件传送协议 TFTP 1)         初衷是为了引导无盘系统 2)         使用UDP 3)         代码都能适合只读存储器 无盘主机通过RARP获得ip地址后进行一个TF ...

  3. Myeclipse的show in breadcrumb

    m如何取消eclipse的show in breadcrumb 不小心点了show in breadcrumb,在编辑器界面上面多一层路径条,多余碍事,不晓得怎么取消,搞了半天终于弄好,方法如下: 点 ...

  4. HDU 4280Island Transport（Dinc非STL 模板）

    题意: n岛m条路,然后是 n个岛的坐标,然后是m条双向路,包括 岛和 岛 之间 最大客流量,让求 最左边的岛 到右边的岛 最大客流量 分析: 建图 以 左边的岛为原点,最右边的为终点求最大客流量. ...

  5. sed delete

    sed -i '1d' a.txt删首行 sed -i '$d' b.txt删尾行 sed -i 's/[ ]//g' c.txt删空格 sed -i '/^$/d' d.txt删空行 sed -i ...

  6. git命令拾遗

    要随时掌握工作区的状态,使用git status命令. 如果git status告诉你有文件被修改过,用git diff可以查看修改内容. HEAD指向的版本就是当前版本,因此,Git允许我们在版本的 ...

  7. 自然语言9_NLTK计算中文高频词

    以下代码仅限于python2 NLTK计算中文高频词 >>> sinica_fd=nltk.FreqDist(sinica_treebank.words()) >>> ...

  8. 20145212《Java程序程序设计》课程总结

    20145212<Java程序程序设计>课程总结 一.每周读书笔记链接汇总 第一周读书笔记 第二周读书笔记 第三周读书笔记 第四周读书笔记 第五周读书笔记 第六周读书笔记 第七周读书笔记 ...

  9. Java 命令行运行参数大全

    Java在运行已编译完成的类时,是通过java虚拟机来装载和执行的,java虚拟机通过操作系统命令JAVA_HOME"bin"java –option 来启动,-option为虚拟 ...

  10. NAT穿透解决方案介绍

    最近公司要实现在各种网络环境下面的多屏互动(机顶盒.android phone.iphone及PC端)的需求:由于IP地址资源有限的原因,目前我们使用的各种终端设备都位于局域网后面也就是多台设备共享同 ...