jquery 插件学习(一)


Posted in Javascript onAugust 06, 2012

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

1.jquery自定义了 jQuery.extend()和jQuery.fn.extend()方法,其中,jQuery.extend()方法能够创建全局函数或者选择器,而jQuery.fn.extend()能够创建jQuery对象方法。在这里??陆蚕拢赫?个方法,都包含一个参数,改参数仅接受名/值对结构的对象,其中名表示函数或方法名,而值表示函数体。

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

未完待续。

Javascript 相关文章推荐
asp(javascript)全角半角转换代码 dbc2sbc
Aug 06 Javascript
jquery的extend和fn.extend的使用说明
Jan 09 Javascript
JavaScript实现大数的运算
Nov 24 Javascript
JavaScript 实现打印,打印预览,打印设置
Dec 30 Javascript
JS实现仿新浪黄色经典滑动门效果代码
Sep 27 Javascript
vue.js入门教程之绑定class和style样式
Sep 02 Javascript
使用js获取伪元素的content实例
Oct 24 Javascript
jQuery zTree 异步加载添加子节点重复问题
Nov 29 jQuery
vue项目中全局引入1个.scss文件的问题解决
Aug 01 Javascript
微信小程序实现录制、试听、上传音频功能(带波形图)
Feb 27 Javascript
JavaScript碰撞检测原理及其实现代码
Mar 12 Javascript
ant design pro中可控的筛选和排序实例
Nov 17 Javascript
精心挑选的15款优秀jQuery 本特效插件和教程
Aug 06 #Javascript
jQuery.query.js 取参数的两点问题分析
Aug 06 #Javascript
高性能Javascript笔记 数据的存储与访问性能优化
Aug 02 #Javascript
基于jquery的时间段实现代码
Aug 02 #Javascript
Javascript this 的一些学习总结
Aug 02 #Javascript
创建公共调用 jQuery Ajax 带返回值
Aug 01 #Javascript
这些年、我收集的JQuery代码小结
Aug 01 #Javascript
You might like
php无限遍历文件夹示例分享
2014/03/04 PHP
ThinkPHP使用PHPExcel实现Excel数据导入导出完整实例
2014/07/22 PHP
PHP实现全角字符转为半角方法汇总
2015/07/09 PHP
php检测文本的编码
2015/07/26 PHP
学习php设计模式 php实现工厂模式(factory)
2015/12/07 PHP
浅谈php的TS和NTS的区别
2019/03/13 PHP
Javascript 继承机制实例
2009/08/12 Javascript
js 实现 input type=&quot;file&quot; 文件上传示例代码
2013/08/07 Javascript
javascript 实现子父窗体互相传值的简单实例
2014/02/17 Javascript
JavaScript+html5 canvas实现本地截图教程
2020/04/16 Javascript
JavaScript tab选项卡插件实例代码
2016/02/23 Javascript
ichart.js绘制虚线、平均分虚线效果的实现代码
2016/05/05 Javascript
AngularJS控制器之间的数据共享及通信详解
2016/08/01 Javascript
微信开发 js实现tabs选项卡效果
2016/10/28 Javascript
文件上传,iframe跨域数据提交的实现
2016/11/18 Javascript
JavaScript学习总结(一) ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)
2018/01/07 Javascript
CentOS7中源码编译安装NodeJS的完整步骤
2018/10/13 NodeJs
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
2019/05/21 Javascript
如何给element添加一个抽屉组件的方法步骤
2019/07/14 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
2020/08/14 Javascript
[01:19:34]2014 DOTA2国际邀请赛中国区预选赛 New Element VS Dream time
2014/05/22 DOTA
[06:16]DOTA2守卫传承者——职业选手谈心路历程
2015/02/26 DOTA
举例区分Python中的浅复制与深复制
2015/07/02 Python
新手如何快速入门Python(菜鸟必看篇)
2017/06/10 Python
python自动12306抢票软件实现代码
2018/02/24 Python
对pandas中to_dict的用法详解
2018/06/05 Python
在PyCharm的 Terminal(终端)切换Python版本的方法
2019/08/02 Python
Python学习笔记之列表推导式实例分析
2019/08/13 Python
python matplotlib饼状图参数及用法解析
2019/11/04 Python
通过Python扫描代码关键字并进行预警的实现方法
2020/05/24 Python
详解用 python-docx 创建浮动图片
2021/01/24 Python
DBA的职责都有哪些
2012/05/16 面试题
企业面试题试卷附带答案
2015/12/20 面试题
一年级评语大全
2014/04/23 职场文书
高二学年自我鉴定范文(2篇)
2014/09/26 职场文书
教师查摆问题自查报告
2014/10/11 职场文书