[b]如下的JavaScript代码如何理解[/b]
(function($){})(jQuery);
其实比较简单，要理解几个概念：
1、()，在JavaScript里()表示执行一个方法，如：
function x(){
alert("xxx");
}
var a = x; // 没有调用，a 是一个function
var a = x(); //调用了函数，a 的值是调用的结果：undefined
2、jQuery是一个jQuery对象，表示调用函数时，传入一个参数是jQuery对象。
这个没什么好说的
3、(function($){})这是一个匿名函数，形参是$，括号是一定需要的。这样一看就懂了，上式相当于
var f = function($){};
f(jQuery);
所以，(function($){})(jQuery)这句的意思就是定义一个函数并立马执行它。
[b]javascript使用大括号（{}）语法创建无类型对象[/b]
JavaScript 中的对象其实就是属性（方法）的一个集合，并没有严格意义的类的概念。所以
它提供了另外一种简单的方式来创建对象，即大括号（{}）语法：
{
property1:statement,
property2:statement2,
…,
propertyN:statmentN
}
通过大括号括住多个属性或方法及其定义（这些属性或方法用逗号隔开），来实现对象的定义，这段代码就直接定义个了具有n个属性或方法的对象，其中属性名和其定义之间用冒号（:）隔开。例如：
第一行定义了一个无类型对象obj，它等价于：
var obj=new Object();
接着定义了一个对象user 及其属性和方法。注意，除了最后一个属性（方法）定义，其他的必须以逗号（,）结尾。其实，使用动态增减属性的方法也可以定义一个完全相同的user象。
[b]jQuery.fn.extend(object)方法[/b]
jQuery.fn.extend(object)：给jQuery对象添加方法。
fn 是什么东西呢。查看jQuery代码，就不难发现。
jQuery.fn = jQuery.prototype = {
init: function( selector, context ) {//....
//......
};
原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌生啦。例子
[b]jQuery.extend(object)[/b]
当参数只有一个时，表示扩展jQuery类本身，为类添加新的方法。
当参数有多个时（jQuery.extend(dest,src1,src2,src3...srcN)），表示将src1、src2...对象的属性和方法逐一复制给dest对象，需要注意的是，在复制的过程中，排在后面的参数（对象）将会覆盖排在前面的参数的属性和方法；
当参数有多个（jQuery.extend(boolean, dest,src1,src2,src3...srcN)）并且第一个参数为Boolean类型时，当boolean=true时，表示深层拷贝。当boolean=false时，结果和上面一样。那么什么是深层拷贝了，运行上面的例子，发现objA和objC包含的属性完全相同。当改成var objC = jQuery.extend(true, objA, objB, objD)后，objA和objC也是一样。改成var objC = jQuery.extend(false, objA, objB, objD)后，objA和objC不同了。objA的属性没有增加，和以前一样。深层拷贝会将目标对象objA和新对象objC中没有的属性（方法）都拷贝到其中。
(function($){})(jQuery);
其实比较简单，要理解几个概念：
1、()，在JavaScript里()表示执行一个方法，如：
function x(){
alert("xxx");
}
var a = x; // 没有调用，a 是一个function
var a = x(); //调用了函数，a 的值是调用的结果：undefined
2、jQuery是一个jQuery对象，表示调用函数时，传入一个参数是jQuery对象。
这个没什么好说的
3、(function($){})这是一个匿名函数，形参是$，括号是一定需要的。这样一看就懂了，上式相当于
var f = function($){};
f(jQuery);
所以，(function($){})(jQuery)这句的意思就是定义一个函数并立马执行它。
[b]javascript使用大括号（{}）语法创建无类型对象[/b]
JavaScript 中的对象其实就是属性（方法）的一个集合，并没有严格意义的类的概念。所以
它提供了另外一种简单的方式来创建对象，即大括号（{}）语法：
{
property1:statement,
property2:statement2,
…,
propertyN:statmentN
}
通过大括号括住多个属性或方法及其定义（这些属性或方法用逗号隔开），来实现对象的定义，这段代码就直接定义个了具有n个属性或方法的对象，其中属性名和其定义之间用冒号（:）隔开。例如：
<script language="JavaScript" type="text/javascript">
var obj={}; //定义了一个空对象
var user={
name:"jack", //定义了name属性，初始化为jack
favoriteColor:["red","green","black","white"],//定义了颜色喜好数组
hello:function(){ //定义了方法hello
alert("hello,"+this.name);
},
sex:"male" //定义了性别属性sex，初始化为sex
}
//调用user 对象的方法hello
user.hello();
</script>
第一行定义了一个无类型对象obj，它等价于：
var obj=new Object();
接着定义了一个对象user 及其属性和方法。注意，除了最后一个属性（方法）定义，其他的必须以逗号（,）结尾。其实，使用动态增减属性的方法也可以定义一个完全相同的user象。
[b]jQuery.fn.extend(object)方法[/b]
jQuery.fn.extend(object)：给jQuery对象添加方法。
fn 是什么东西呢。查看jQuery代码，就不难发现。
jQuery.fn = jQuery.prototype = {
init: function( selector, context ) {//....
//......
};
原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌生啦。例子
<html>
<body>
<div id = "div_1">欢迎</div>
</body>
</html>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
(function($){
//一次性给jquery对象扩充多个方法或属性
$.fn.extend({
test : {
name : "张三",
sex : "男",
show : function(){
return "姓名：" + this.name + " 性别：" + this.sex;
}
},
money : 10000,
args : ["1","22","333",{args : ["4444","55555"],xiao : function(){alert("haahaaaa")}}]
});
//一次只给jquery对象扩充一个属性或方法
$.fn["abcd_aa"] = function(){
alert("abcd_aa");
};
$.fn["ccccc"] = "你好";
$.fn.xxx = function(){
alert("xxx");
};
$.fn.jjj = "你好jjj";
//一次性给jquery本身扩充多个方法或属性
$.extend({
abc : function(){alert("abc")},
efg : function(){alert("efg")}
});
//一次只给jquery本身扩充一个属性或方法
$.qq = function(){alert("hahahhahahahha")};
$["aqaq"] = function(){alert("aqaq")};
$["basePackage"] = $["basePackage"] || {};
$["basePackage"]["fun"] = function(name){
//alert("basePackage.fun()方法")
this.name = name;
};
$["basePackage"]["fun"].prototype = {
_init : function(){alert("初始化方法,"+this.name)},
a : "a属性"
};
//var newObj = new $["basePackage"]["fun"]();
//newObj._init();
//alert(newObj.a);
new $["basePackage"]["fun"]("小sss")._init();
$.base = $.base || {};
$.base.fun = function(){alert("base.fun()方法")};
})(jQuery);
/*alert($("#div_1").test.show());
alert($("#div_1").money);
alert($("#div_1").args[0]);
alert($("#div_1").args[1]);
alert($("#div_1").args[2]);
alert($("#div_1").args[3].args[0]);
alert($("#div_1").args[3].args[1]);
alert($("#div_1").args[3].xiao());
alert($("#div_1").ccccc);
alert($.abc());
alert($.efg());
alert($("#div_1").xxx());
alert($("#div_1").jjj);
alert($.qq());
alert($.aqaq());
alert($.basePackage.fun());
alert($.base.fun());*/
</script>[b]jQuery.extend(object)[/b]
当参数只有一个时，表示扩展jQuery类本身，为类添加新的方法。
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$.extend({
adda : function(){
return 5;
},
test_a : {
name : "lisi",
show : function(){
alert(this.name);
},
test_b : {
sex : "男",
getSex : function(){
return this.sex;
}
}
}
});
alert($.adda());
$.test_a.show();
alert($.test_a.test_b.getSex());
</script>
当参数有多个时（jQuery.extend(dest,src1,src2,src3...srcN)），表示将src1、src2...对象的属性和方法逐一复制给dest对象，需要注意的是，在复制的过程中，排在后面的参数（对象）将会覆盖排在前面的参数的属性和方法；
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var objA = { speed:"slow" };
var objB = { speed:"fast", power:"hard" };
var objD = { speed:"test", name:"zhangsan"};
var objC = jQuery.extend(objA, objB, objD);
document.write("<dt>objA");
for (var p in objA) { document.write("<dd>" + p + "->" + objA[p]); }
document.write("<dt>objC");
for (var p in objC) { document.write("<dd>" + p + "->" + objC[p]); }
</script>
当参数有多个（jQuery.extend(boolean, dest,src1,src2,src3...srcN)）并且第一个参数为Boolean类型时，当boolean=true时，表示深层拷贝。当boolean=false时，结果和上面一样。那么什么是深层拷贝了，运行上面的例子，发现objA和objC包含的属性完全相同。当改成var objC = jQuery.extend(true, objA, objB, objD)后，objA和objC也是一样。改成var objC = jQuery.extend(false, objA, objB, objD)后，objA和objC不同了。objA的属性没有增加，和以前一样。深层拷贝会将目标对象objA和新对象objC中没有的属性（方法）都拷贝到其中。
3509
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
