$(function(){}) 是 $(document).ready(function(){}) 的简写，用来在DOM加载完成之后执行一系列预先定义好的函数。
(function(){})(); 这个可以理解为一个闭包 是一个匿名方法的调用 以保证方法内的变量不与外界冲突, 立即执行函数；相当于先申明一个函数，声明完后直接调用；
(function($){...})(jQuery)； 等同于下面的写法：var fun = function(params){....}; fun(jQuery);
如果参数如：(funtion(str){alert(str)})("output"))；相当于：funtion OutPutFun(str){alert(str);};OutPutFun("output");
(funtion(str){alert(str)})("output"))；相当于：funtion OutPutFun(str){alert(str);};OutPutFun("output");
jQuery(function(){ });用于存放操作DOM对象的代码，执行其中代码时DOM对象已存在。不可用于存放开发插件的代码，因为jQuery对象没有得到传递，外部通过jQuery.method也调用不了其中的方法（函数）。
(function(){ })(jQuery)；用于存放开发插件的代码，执行其中代码时DOM不一定存在，所以直接自动执行DOM操作的代码请小心使用。
jQuery.fn.extend() 函数详解
jQuery.fn.extend()函数用于为jQuery扩展一个或多个实例属性和方法(主要用于扩展方法)。
jQuery.fn是jQuery的原型对象，其extend()方法用于为jQuery的原型添加新的属性和方法。这些方法可以在jQuery实例对象上调用。
该函数属于jQuery的原型对象(jQuery.fn)。
姓名：<input id="name" name="name" type="text" ><br><input name="opt" type="checkbox" value="A">A<input name="opt" type="checkbox" value="B">B<input name="opt" type="checkbox" value="C">C<input name="opt" type="checkbox" value="D">D<br><input id="btn" type="button" value="点击">
jQuery.fn.extend()函数的jQuery示例代码如下：
var obj = { site: "CodePlayer", check: function(){ // 扩展到jQuery原型上后，这里的this表示当前jQuery对象 this.prop("checked", true); return this; }, isEmpty: function(){ return !$.trim( this.val() ); }};
// 将对象obj的属性和方法扩展到jQuery的原型对象上，以便于jQuery实例对象调用。$.fn.extend( obj );
$("#btn").click(function(){ if( $("#name").isEmpty() ){ alert("姓名不能为空!"); return false; } $("[name=opt]").check( ); // 全选复选框 alert( $("body").site ); // CodePlayer});
实际上，如果你也可以在jQuery的原型上自行添加新的属性或方法，例如上面的扩展代码等价于：
$.fn.site = "CodePlayer";
$.fn.check = function(){ // 扩展到jQuery原型上后，这里的this表示当前jQuery对象 this.prop("checked", true); return this;};
$.fn.isEmpty = function(){ return !$.trim( this.val() );};
extend:延伸，伸展，扩大
以下转自:http://www.caihaibo.cn/devpro/webfront/3077.html
虽然 javascript 没用明确的类的概念，但是我们把 Jquery 看成一个类，这个更好理解一些。
Jquery 为开发插件提供了两个方法：Jquery.extend() 和 Jquery.fn.extend()。
可以理解成为 Jquery 类添加静态方法，扩展方法原型是：
时间： 2024-10-19 15:48:05