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 鼠标拖动图标技术
Feb 07 Javascript
js indexOf()定义和用法
Oct 21 Javascript
script不刷新页面的联动前后代码
Sep 18 Javascript
js判断游览器类型及版本号的代码
May 11 Javascript
javascript类型系统——undefined和null全面了解
Jul 13 Javascript
JS遍历ul下的li点击弹出li的索引的实现方法
Sep 19 Javascript
Vue下路由History模式打包后页面空白的解决方法
Jun 29 Javascript
bootstrap下拉分页样式 带跳转页码
Dec 29 Javascript
js+html实现周岁年龄计算器
Jun 25 Javascript
构建大型 Vue.js 项目的10条建议(小结)
Nov 14 Javascript
Jquery滑动门/tab切换实现方法完整示例
Jun 05 jQuery
js将日期格式转换为YYYY-MM-DD HH:MM:SS
Sep 18 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 if 想到的些问题
2008/03/22 PHP
PHP读取并输出XML文件数据的简单实现方法
2017/12/22 PHP
Laravel框架实现的记录SQL日志功能示例
2018/06/19 PHP
PHP的简单跳转提示的实现详解
2019/03/14 PHP
Javascript 浮点运算精度问题分析与解决
2014/03/26 Javascript
JavaScript声明变量时为什么要加var关键字
2014/09/29 Javascript
jQuery在ul中显示某个li索引号的方法
2015/03/17 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
2016/08/29 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
2016/09/03 Javascript
easyui form validate总是返回false的原因及解决方法
2016/11/07 Javascript
js实现淡入淡出轮播切换功能
2017/01/13 Javascript
JS变量中有var定义和无var定义的区别以及es6中let命令和const命令
2017/02/19 Javascript
原生js简单实现放大镜特效
2017/05/16 Javascript
详解VUE 数组更新
2017/12/16 Javascript
Vue中JS动画与Velocity.js的结合使用
2019/02/13 Javascript
详解Vue组件之间通信的七种方式
2019/04/14 Javascript
如何让Nodejs支持H5 History模式(connect-history-api-fallback源码分析)
2019/05/30 NodeJs
Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制
2019/09/05 Javascript
创建与框架无关的JavaScript插件
2020/12/01 Javascript
python使用PyV8执行javascript代码示例分享
2013/12/04 Python
Python中pow()和math.pow()函数用法示例
2018/02/11 Python
基于python代码实现简易滤除数字的方法
2018/07/17 Python
使用Python进行防病毒免杀解析
2019/12/13 Python
Python 绘制可视化折线图
2020/07/22 Python
使用css3做0.5px的细线的示例代码
2018/01/18 HTML / CSS
HTML5中的Web Notification桌面通知功能的实现方法
2019/07/29 HTML / CSS
经典大学生求职信范文
2014/01/06 职场文书
勾股定理课后反思
2014/04/26 职场文书
分公司负责人任命书
2014/06/04 职场文书
高考标语大全
2014/06/05 职场文书
借名购房协议书范本
2014/10/06 职场文书
出差报告范文
2014/11/06 职场文书
干部考察材料范文
2014/12/24 职场文书
教师廉洁自律个人总结
2015/02/10 职场文书
《游戏公平》教学反思
2016/02/20 职场文书
Win11怎么添加用户?Win11添加用户账户的方法
2022/07/15 数码科技