Jquery中的缩写总结

1,(1)大多数情况下,jquery代码的编写,都要求我们将jquery的代码放在

$(document).ready(function(){
      ........jquery代码...........
});

它的缩写代码是:

$(function(){
      ........jquery代码...........
});

他的执行时间是:在网页中所有DOM结构绘制完毕后就执行。

可以简写成:$(function (){  });

(2)window.onload方法是在网页中的所有的元素(包括元素的所有关联文件)都完全加载到浏览器之后才执行。而通过jQuery中的$(document).ready()方法注册的事件处理程序,只要在DOM完全就绪时,就可以调用了,比如一张图片只要<img>标签完成,不用等这个图片加载完成,就可以设置图片的宽高的属性或样式等。

(3)$(document).ready()方法可以多次使用而注册不同的事件处理程序,而window.onload一次只能保存对一个函数的引用,多次绑定函数只会覆盖前面的函数.

就是一个window.onload只能执行一个函数。

 

2,再来看一个缩写:

(1)(function ($) {})(jQuery)

其实际上是执行()(para)匿名方法,只不过是传递了jQuery对象。

用于存放开发插件的代码,执行其中代码时DOM不一定存在,所以直接自动执行DOM操作的代码请小心使用。 

这 里实际上是匿名函数 function(arg){...} 这就定义了一个匿名函数,参数为arg 而调用函数时,是在函数后面写上括号和实参的,由于操作符的优先级,函数本身也需要用括号,即: (function(arg){...})(param) 这就相当于定义了一个参数为arg的匿名函数,并且将param作为参数来调用这个匿名函数 而(function($){...})(jQuery)则是一样的,之所以只在形参使用$,是为了不与其他库冲突,所以实参用jQuery var fn = function($){....}; fn(jQuery);

参见:http://www.cnblogs.com/swjm119/archive/2011/12/19/2293125.html

 

posted @ 2012-10-09 10:46  金河  阅读(6767)  评论(0编辑  收藏  举报