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版本的代码
Sep 03 Javascript
SeaJS入门教程系列之完整示例(三)
Mar 03 Javascript
javascript制作的cookie封装及使用指南
Jan 02 Javascript
Bootstrap编写一个兼容主流浏览器的受众巨幕式风格页面
Jul 01 Javascript
jQuery实现鼠标经过像翻页和描点链接效果
Aug 08 Javascript
JavaScript实现刷新不重记的倒计时
Aug 10 Javascript
JS实现获取来自百度,Google,soso,sogou关键词的方法
Dec 21 Javascript
vue引入jq插件的实例讲解
Sep 12 Javascript
Vue之Vue.set动态新增对象属性方法
Feb 23 Javascript
layui固定下拉框的显示条数(有滚动条)的方法
Sep 10 Javascript
Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现
Sep 04 Javascript
使用Ajax实现无刷新上传文件
Apr 12 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中使用Oracle数据库(5)
2006/10/09 PHP
php 运行效率总结(提示程序速度)
2009/11/26 PHP
PHP函数之日期时间函数date()使用详解
2013/09/09 PHP
php将url地址转化为完整的a标签链接代码(php为url地址添加a标签)
2014/01/17 PHP
PHP正则表达式 /i, /is, /s, /isU等介绍
2014/10/23 PHP
PHP中Header使用的HTTP协议及常用方法小结
2014/11/04 PHP
浅谈php自定义错误日志
2015/02/13 PHP
Yii2.0 Basic代码中路由链接被转义的处理方法
2016/09/21 PHP
php计算多个集合的笛卡尔积实例详解
2017/02/16 PHP
文本框只能选择数据到文本框禁止手动输入
2013/11/22 Javascript
javascript版的in_array函数(判断数组中是否存在特定值)
2014/05/09 Javascript
js实现的彩色方块飞舞奇幻效果
2016/01/27 Javascript
JS组件系列之Bootstrap table表格组件神器【二、父子表和行列调序】
2016/05/10 Javascript
将 vue 生成的 js 上传到七牛的实例
2017/07/28 Javascript
微信小程序map组件结合高德地图API实现wx.chooseLocation功能示例
2019/01/23 Javascript
vue中进行微博分享的实例讲解
2019/10/14 Javascript
[03:26]《DAC最前线》之EG经理自述DOTA2经历
2015/02/02 DOTA
Python中time模块与datetime模块在使用中的不同之处
2015/11/24 Python
Python使用Redis实现作业调度系统(超简单)
2016/03/22 Python
利用Python读取txt文档的方法讲解
2018/06/23 Python
python判断一个数是否能被另一个整数整除的实例
2018/12/12 Python
简单了解Python3里的一些新特性
2019/07/13 Python
基于Python2、Python3中reload()的不同用法介绍
2019/08/12 Python
Python-openCV开运算实例
2020/07/05 Python
python源文件的字符编码知识点详解
2021/03/04 Python
详解HTML5 录音的踩坑之旅
2017/12/26 HTML / CSS
html5 datalist 选中option选项后的触发事件
2020/03/05 HTML / CSS
Rhone官方网站:男士运动服装、健身服装和高级运动服
2019/05/01 全球购物
美国基督教约会网站:ChristianCafe.com
2020/02/04 全球购物
小学生学习雷锋倡议书
2014/05/15 职场文书
花坛标语大全
2014/06/30 职场文书
教育局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
2014年车间工作总结
2014/11/21 职场文书
浙江省杭州市平均工资标准是多少?
2019/07/09 职场文书
python基于tkinter制作m3u8视频下载工具
2021/04/24 Python
Python基础之进程详解
2021/05/21 Python