首页 / 脚本样式 / JavaScript / jquery 插件学习（一）

言归正传拉，开始跟我学习吧：）；

1.jquery自定义了 jQuery.extend（）和jQuery.fn.extend（）方法，其中，jQuery.extend（）方法能够创建全局函数或者选择器，而jQuery.fn.extend（）能够创建jQuery对象方法。在这里啰嗦讲下：这2个方法，都包含一个参数，改参数仅接受名/值对结构的对象，其中名表示函数或方法名，而值表示函数体。

复制代码 代码如下:
jQuery.extend（{
minValue : function（a,b）{
return a>b？ b:a;
},
maxValue : function（a,b）{
return a<b？ b:a;
},
}）


复制代码 代码如下:
<script>
$（function（）{
$（"input"）.click（function（）{
var a = prompt（"请输入一个值"）;
var b = prompt（"请输入一个值"）;
var c = jQuery.minValue（a,b）;
var d = jQuery.maxValue（a,b）;
alert（"你输入的最小值:"+c+" 你输入的最大值:"+d）;
}）;
}）;
<script>

<input type="button" value ="jQuery插件测试" />

在实际开发中，jQuery.extend（）方法，为插件方法传递系列选项结构的参数。
复制代码 代码如下:
function fn（options）{
var options = jQuery.extend（{name1: value1,name2 :value2,name3 : value3},options）;
//函数体
}

调用：
fn（{name1:value2,name2:jine,name3:hx}）;//覆盖新值
fn（{name4:value2,name5:jine,}）;//添加新选项
fn（）;//保持默认值

未完待续。