jquery 插件学习（一）
发布时间：2013-05-16 编辑：jiaochengji.com
jquery插件，有几种方法，有全局的，有对象方法的，一直觉得jquery插件迷迷糊糊，这阵子特地研究下，供那些像我一样的初学者借鉴下。嘻嘻
jquery插件，有几种方法，有全局的，有对象方法的，一直觉得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+"\n你输入的最大值:"+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();//保持默认值
未完待续。
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+"\n你输入的最大值:"+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();//保持默认值
未完待续。
您可能感兴趣的文章：
jQuery的学习步骤
jquery插件学习五
jquery图片自动切换插件和实例
最新28个很棒的jQuery 教程
jquery 插件学习（一）
jQuery分页插件 jQuery Pagination
Jquery操作radio的小例子
jquery插件制作简单示例说明
jquery 插件学习（四）
开始学习并将深入学习jQuery插件制作
上一篇：jquery 插件学习（六）
下一篇：这些年、我收集的JQuery代码小结
[关闭]