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. BZOJ3295 [Cqoi2011]动态逆序对

    本文版权归ljh2000和博客园共有,欢迎转载,但须保留此声明,并给出原文链接,谢谢合作. 本文作者:ljh2000作者博客:http://www.cnblogs.com/ljh2000-jump/转 ...

  2. 文件属性之setuid位

    setuid位是可执行文件的一个属性,ls -l /bin/ping 或mount等可以看到权限为-rwsr-xr-x 1 root root 含有s位,所属用户为root表明该文件可以被其他用户以该 ...

  3. restore和recover的区别(转)

    recover和restore的区别: restore just copy the physical file, recover will consistent the database. resto ...

  4. @EmbeddedId和@idClass的区别

    @idClass 使复合主键类成为非嵌入类,使用 @IdClass 批注为实体指定一个复合主键类(通常由两个或更多基元类型或 JDK 对象类型组成).从原有数据库映射时(此时数据库键由多列组成),通常 ...

  5. PowerDesigner 学习笔记

    软件:PowerDesginer16.5 首先说一下对应的模型 New Model  --->  Model Type 作为一个英语渣,实在是压力颇大,然而汉化经常会导致无故的BUG,所以简单翻 ...

  6. .net图片验证码生成、点击刷新及验证输入是否正确

    ①创建ValidateCode.aspx,在ValidateCode.aspx.cs中加入如下代码.生成验证码图片,在页面上输出,输出jpeg格式. protected void Page_Load( ...

  7. Git 常见问题整理

    在学习git的过程中,遇到如下问题,特整理如下: 1 error:src refspec master does not match any 问题产生 a git服务器使用如下命令新建一个项目 $ c ...

  8. PhpStorm 默认快捷键

    ctrl+j            插入活动代码提示ctrl+alt+t        当前位置插入环绕代码alt+insert        生成代码菜单Shift + Enter 新一行ctrl+ ...

  9. 【Alpha阶段】第七次Scrum例会

    会议信息 时间:2016.10.29 21:30 时长:60min 地点:大运村1号公寓5楼楼道 类型:日常Scrum会议 NXT:2016.11.01 21:30 个人任务报告 姓名 今日已完成Is ...

  10. 4 构建Mysql+heartbeat+DRBD+LVS集群应用系统系列之Lvs为Mysql-slave做负载均衡

    preface Mysql+drbd+heart能够实现Mysql的高可用了,master出现故障的时候能够快速切换.在现在的业务情况下,读操作多,写操作少的情况下,一台DB server明显扛不住, ...