页面载入后执行...的代码.是jq中最重要的一句话,基本上是必须的.所有页面载入有执行的代码都要写着里面
1.$(function(){ }是$(document).ready(function()的简写,相当于window.onload = function(){ } ,虽然这段jquery代码与javascript代码在功能上可以互换,但执行的时间不一样,前者页面框架加载完成就执行,后者页面中所有内容加载完成才执行;
2.较早的版本的$(document).ready(function(){ ...... }) 是一样的
3.
类似于传统的 JavaScript 代码:
window.οnlοad=function(){
//程序段
}
4.
执行时间不同: $(document).ready在页面框架下载完毕后就执行;而window.onload必须
在页面全部加载完毕(包含图片下载)后才能执行。前者的执行效率高于后者。
5. 执行数量不同: $(document).ready可以重复写多个,并且每次执行结果不同;而window.
onload尽管可以执行多个,但仅输出最后一个执行结果,无法完成多个结果的输出。
6. 而调用函数 时,是在函数后面写上括号和实参的,由于操作符的优先级,函数本身也需要用括号,即: (function(arg){...})(param) 而(function($){...}) (jQuery)则是一样的,之所以只在形参使用$,是为了不与其他库冲突,所以实参用jQuery其实就等于 var fn = function($){....}; fn(jQuery); 其实可以这么理解,不过要注意的是fn是不存在的 那个函数直接定义,然后就运行了。就压缩成下面的样子了 (function($){...})(jQuery) 简单理解是(function($){...})(jQuery)用来定义一些需要预先定义好的函数 $(function(){ })则是用来在DOM加载完成之后运行执行那些预行定义好的函数 jQuery(function(){ });全写为 jQuery(document).ready(function(){ }); 意义为在DOM加载完毕后执行了ready()方法。 (function(){ })(jQuery); jQuery(function(){});用于存放操作DOM对象的代码,执行其中代码时DOM对象已存在。不可用于存放开发插件的代码,因 为jQuery对象没有得到传递,外部通过jQuery.method也调用不了其中的方法(函数)。 (function(){ })(jQuery);用于存放开发插件的代码,执行其中代码时DOM不一定存在,所以直接自动执行DOM操作的代码 请小心使用。
参考 :http://blog.csdn.net/rambo_china/article/details/7742321