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 相关文章推荐
javascript new后的constructor属性
Aug 05 Javascript
编写可维护面向对象的JavaScript代码[翻译]
Feb 12 Javascript
JS操作select下拉框动态变动(创建/删除/获取)
Jun 02 Javascript
教你如何使用firebug调试功能了解javascript闭包和this
Mar 04 Javascript
Javascript实现检测客户端类型代码封包
Dec 03 Javascript
用js实现博客打赏功能
Oct 24 Javascript
jQuery ajax 当async为false时解决同步操作失败的问题
Nov 18 Javascript
JS中cookie的使用及缺点讲解
May 13 Javascript
深入探讨JavaScript的最基本部分之执行上下文
Feb 12 Javascript
node实现爬虫的几种简易方式
Aug 22 Javascript
javascript自定义加载loading效果
Sep 15 Javascript
手写Spirit防抖函数underscore和节流函数lodash
Mar 22 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&amp;java(三)
2006/10/09 PHP
php根据isbn书号查询amazon网站上的图书信息的示例
2014/02/13 PHP
php自定义错误处理用法实例
2015/03/20 PHP
javascript编程起步(第六课)
2007/01/10 Javascript
Javascript实现的鼠标经过时播放声音
2010/05/18 Javascript
JQERY limittext 插件0.2版(长内容限制显示)
2010/08/27 Javascript
JQuery验证工具类搜集整理
2013/01/16 Javascript
JS实现商品倒计时实现代码
2013/05/03 Javascript
jquery复选框多选赋值给文本框的方法
2015/01/27 Javascript
jQuery控制网页打印指定区域的方法
2015/04/07 Javascript
js实现延迟加载的方法
2015/06/24 Javascript
Backbone.js的一些使用技巧
2015/07/01 Javascript
javascript实现连续赋值
2015/08/10 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
2016/08/24 Javascript
老生常谈javascript变量的命名规范和注释
2016/09/29 Javascript
详解js前端代码异常监控
2017/01/11 Javascript
Javascript ES6中对象类型Sets的介绍与使用详解
2017/07/17 Javascript
Node.js如何实现注册邮箱激活功能 (常见)
2017/07/23 Javascript
解决vue 绑定对象内点击事件失效问题
2018/09/05 Javascript
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
2019/09/06 Javascript
[04:54]DOTA2 2017国际邀请赛:上届冠军WINGS采访短片
2017/08/09 DOTA
介绍Python中的一些高级编程技巧
2015/04/02 Python
PyQt5打开文件对话框QFileDialog实例代码
2018/02/07 Python
Python采集代理ip并判断是否可用和定时更新的方法
2018/05/07 Python
对Python生成器、装饰器、递归的使用详解
2019/07/19 Python
Python3.x+迅雷x 自动下载高分电影的实现方法
2020/01/12 Python
jupyter notebook 参数传递给shell命令行实例
2020/04/10 Python
IE下实现类似CSS3 text-shadow文字阴影的几种方法
2011/05/11 HTML / CSS
团员个人的自我评价
2013/12/02 职场文书
故宫英文导游词
2015/01/31 职场文书
2015年征兵工作总结
2015/07/23 职场文书
2016学习医德医风心得体会
2016/01/25 职场文书
2016年小学“公民道德宣传日”活动总结
2016/04/01 职场文书
《分一些蚊子进来》读后感3篇
2020/01/09 职场文书
python常见的占位符总结及用法
2021/07/02 Python
解决vue自定义组件@click点击失效问题
2022/04/30 Vue.js