×

分享自己的jquery插件学习经验

作者:天空2017.09.26来源:Web前端之家浏览:9497评论:0
关键词:JQueryJS

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

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();//保持默认值

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/svg1488297600805.html

网友评论文明上网理性发言 已有0人参与

发表评论: