jquery 插件学习(一)_jquery
程序员文章站
2022-05-18 13:39:32
...
言归正传拉,开始跟我学习吧:);
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},
})
在实际开发中,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},
})
复制代码 代码如下:
在实际开发中,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.cycle.js使用示例
-
jQuery 仿百度输入标签插件附效果图
-
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
-
【推荐】20款美化网站的 jQuery Lightbox 灯箱插件
-
使用jquery prev()方法教程找到同级的前一个元素
-
select下拉框插件jquery.editable-select详解
-
jQuery学习之DOM节点的插入方法总结
-
JQuery ajax中error返回错误及一直返回error的解答
-
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
-
jQuery文件上传插件Uploadify使用指南