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 相关文章推荐
Jquery跨域获得Json时invalid label错误的解决办法
Jan 11 Javascript
js 判断脚本加载完毕的代码
Jul 13 Javascript
JavaScript实现页面跳转的方式汇总
May 16 Javascript
JS实现的跨浏览器解析XML文件实例
Jun 21 Javascript
jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)
Aug 29 Javascript
vue动态组件实现选项卡切换效果
Mar 08 Javascript
JS数组去重(4种方法)
Mar 27 Javascript
第一个Vue插件从封装到发布
Nov 22 Javascript
axios使用拦截器统一处理所有的http请求的方法
Nov 02 Javascript
node获取客户端ip功能简单示例
Aug 24 Javascript
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
vue用elementui写form表单时,在label里添加空格操作
Aug 13 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
SONY ICF-SW55的电路分析
2021/03/02 无线电
Ext.data.PagingMemoryProxy分页一次性读取数据的实现代码
2010/04/07 PHP
完整删除ecshop中获取店铺信息的API
2014/12/24 PHP
PHP有序表查找之二分查找(折半查找)算法示例
2018/02/09 PHP
PHP递归遍历文件夹去除注释并压缩php源代码的方法示例
2018/05/23 PHP
Prototype 工具函数 学习
2009/07/23 Javascript
一个js写的日历(代码部分网摘)
2009/09/20 Javascript
文本框的字数限制功能jquery插件
2009/11/24 Javascript
jquery提升性能最佳实践小结
2010/12/06 Javascript
jquery获取焦点和失去焦点事件代码
2013/04/21 Javascript
jquery获得keycode的示例代码
2013/12/30 Javascript
js正则表达exec与match的区别说明
2014/01/29 Javascript
javascript类型转换使用方法
2014/02/08 Javascript
JavaScript模拟可展开、拖动与关闭的聊天窗口实例
2015/05/12 Javascript
利用jQuery和CSS将背景图片拉伸
2015/10/16 Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
2016/05/26 Javascript
微信小程序 摇一摇抽奖简单实例实现代码
2017/01/09 Javascript
Vue与Node.js通过socket.io通信的示例代码
2018/07/25 Javascript
vue-cli安装使用流程步骤详解
2018/11/08 Javascript
微信小程序picker组件关于objectArray数据类型的绑定方法
2019/03/13 Javascript
vue项目中在可编辑div光标位置插入内容的实现代码
2020/01/07 Javascript
微信小程序canvas实现签名功能
2021/01/19 Javascript
聊聊vue 中的v-on参数问题
2021/01/29 Vue.js
python matplotlib中文显示参数设置解析
2017/12/15 Python
Pycharm取消py脚本中SQL识别的方法
2018/11/29 Python
Python实现括号匹配方法详解
2020/02/10 Python
python将音频进行变速的操作方法
2020/04/08 Python
Python基于Serializer实现字段验证及序列化
2020/11/04 Python
英国排名第一的最新设计师品牌手表独立零售商:TIC Watches
2016/09/24 全球购物
四方通行旅游网:台湾订房、出国旅游
2017/09/20 全球购物
越南电子产品购物网站:FPT Shop
2017/12/02 全球购物
入党积极分子思想汇报
2014/01/02 职场文书
应聘销售主管的求职信
2014/04/26 职场文书
大学辅导员述职报告
2015/01/10 职场文书
go设置多个GOPATH的方式
2021/05/05 Golang
Java实现注册登录跳转
2022/06/16 Java/Android