Heim  >  Artikel  >  Web-Frontend  >  jquery 插件学习(一)_jquery

jquery 插件学习(一)_jquery

WBOY
WBOYOriginal
2016-05-16 17:51:08966Durchsuche

言归正传拉,开始跟我学习吧:);

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},
})


复制代码 代码如下:

<script> <BR>$(function(){ <BR>$('input').click(function(){ <BR>var a = prompt("请输入一个值"); <BR>var b = prompt("请输入一个值"); <BR>var c = jQuery.minValue(a,b); <BR>var d = jQuery.maxValue(a,b); <BR>alert("你输入的最小值:"+c+"\n你输入的最大值:"+d); <BR>}); <BR>}); <BR><script> <BR></script>



在实际开发中,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();//保持默认值

未完待续。
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn