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 相关文章推荐
js jquery做的图片连续滚动代码
Jan 06 Javascript
JQuery小知识
Oct 15 Javascript
简单方法判断JavaScript对象为null或者属性为空
Sep 26 Javascript
详解JavaScript中的异常处理方法
Jun 16 Javascript
Javascript实现图片加载从模糊到清晰显示的方法
Jun 21 Javascript
详解vue2父组件传递props异步数据到子组件的问题
Jun 29 Javascript
AngularJs导出数据到Excel的示例代码
Aug 11 Javascript
安装vue-cli报错 -4058 的解决方法
Oct 19 Javascript
浅谈Javascript常用正则表达式应用
Mar 08 Javascript
小程序分页实践之编写可复用分页组件
Jul 18 Javascript
详解node和ES6的模块导出与导入
Feb 19 Javascript
BootStrap前端框架使用方法详解
Feb 26 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+mysql来做一个功能强大的在线计算器
2010/10/12 PHP
php eval函数一句话木马代码
2015/05/21 PHP
php创建无限级树型菜单
2015/11/05 PHP
原生PHP实现导出csv格式Excel文件的方法示例【附源码下载】
2019/03/07 PHP
ThinkPHP5.0框架使用build 自动生成模块操作示例
2019/04/11 PHP
jQuery $.each的用法说明
2010/03/22 Javascript
jQuery 名称冲突的解决方法
2011/04/08 Javascript
javascript (用setTimeout而非setInterval)
2011/12/28 Javascript
JavaScript字符串常用类使用方法汇总
2015/04/14 Javascript
JavaScript实现复制文章自动添加版权
2016/08/02 Javascript
javascript实现无法关闭的弹框
2016/11/27 Javascript
vue.js中实现登录控制的方法示例
2018/04/23 Javascript
vueJs实现DOM加载完之后自动下拉到底部的实例代码
2018/08/31 Javascript
react+redux仿微信聊天界面
2019/06/21 Javascript
ES6 Symbol数据类型的应用实例分析
2019/06/26 Javascript
Nuxt v-bind绑定img src不显示的解决
2019/12/05 Javascript
js生成1到100的随机数最简单的实现方法
2020/02/07 Javascript
json.stringify()与json.parse()的区别以及用处
2021/01/25 Javascript
[01:52]DOTA2完美大师赛Vega战队趣味视频——kpii老师小课堂
2017/11/25 DOTA
Saltstack快速入门简单汇总
2016/03/01 Python
python中实现迭代器(iterator)的方法示例
2017/01/19 Python
python编程嵌套函数实例代码
2018/02/11 Python
妙用itchat! python实现久坐提醒功能
2019/11/25 Python
python函数声明和调用定义及原理详解
2019/12/02 Python
关于numpy.where()函数 返回值的解释
2019/12/06 Python
jupyter notebook清除输出方式
2020/04/10 Python
Pycharm安装Qt Design快捷工具的详细教程
2020/11/18 Python
python中zip()函数遍历多个列表方法
2021/02/18 Python
电大物流学生的自我评价
2013/10/25 职场文书
投标承诺书范本
2014/03/27 职场文书
基层党支部公开承诺书
2014/05/29 职场文书
平面设计师岗位职责
2014/09/18 职场文书
2015年教研组工作总结
2015/05/04 职场文书
MySQL into_Mysql中replace与replace into用法案例详解
2021/09/14 MySQL
sass 常用备忘案例详解
2021/09/15 HTML / CSS
MySQL串行化隔离级别(间隙锁实现)
2022/06/16 MySQL