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