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 相关文章推荐
mysql输出数据赋给js变量报unterminated string literal错误原因
May 22 Javascript
Javascript Function对象扩展之延时执行函数
Jul 06 Javascript
javascript学习笔记(七) js函数介绍
Jun 19 Javascript
JavaScript字符串String和Array操作的有趣方法
Dec 18 Javascript
javascript汉字拼音互转的简单实例
Oct 09 Javascript
Angular在一个页面中使用两个ng-app的方法(二)
Feb 20 Javascript
bootstrap table服务端实现分页效果
Aug 10 Javascript
实例解析Vue.js下载方式及基本概念
May 11 Javascript
浅析Vue 生命周期
Jun 21 Javascript
JavaScript使用享元模式实现文件上传优化操作示例
Aug 07 Javascript
Echarts之悬浮框中的数据排序问题
Nov 08 Javascript
vue radio单选框,获取当前项(每一项)的value值操作
Sep 10 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 网页播放器用来播放在线视频的代码(自动判断并选择视频文件类型)
2010/06/03 PHP
PHP5中Cookie与 Session使用详解
2013/04/30 PHP
PHP和C#可共用的可逆加密算法详解
2015/10/26 PHP
PHP中使用GD库绘制折线图 折线统计图的绘制方法
2015/11/09 PHP
zen_cart实现支付前生成订单的方法
2016/05/06 PHP
PHP常用函数总结(180多个)
2016/12/25 PHP
thinkPHP简单调用函数与类库的方法
2017/03/15 PHP
php中pcntl_fork创建子进程的方法实例
2019/03/14 PHP
PHP的cookie与session原理及用法详解
2019/09/27 PHP
浅析PHP中json_encode与json_decode的区别
2020/07/15 PHP
node.js中的http.response.removeHeader方法使用说明
2014/12/14 Javascript
生成二维码方法汇总
2014/12/26 Javascript
jQuery实现可编辑的表格实例讲解(2)
2015/09/17 Javascript
第一次接触JS require.js模块化工具
2016/04/17 Javascript
最原始的jQuery注册验证方式
2016/10/11 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
2017/01/01 Javascript
微信小程序 switch组件详解及简单实例
2017/01/10 Javascript
angularjs $http实现form表单提交示例
2017/06/09 Javascript
jQuery实现的3D版图片轮播示例【滑动轮播】
2019/01/18 jQuery
nodejs分离html文件里面的js和css的方法
2019/04/09 NodeJs
node.js使用 http-proxy 创建代理服务器操作示例
2020/02/10 Javascript
python实现发送邮件功能
2017/07/22 Python
浅谈用Python实现一个大数据搜索引擎
2017/11/28 Python
python基础教程项目四之新闻聚合
2018/04/02 Python
python最长回文串算法
2018/06/04 Python
详解基于Scrapy的IP代理池搭建
2020/09/29 Python
通过实例解析python subprocess模块原理及用法
2020/10/10 Python
phpquery中文手册
2021/03/18 PHP
英国当代时尚和街头服饰店:18montrose
2018/12/15 全球购物
美国购买韩国护肤和美容产品网站:Althea Korea
2020/11/16 全球购物
药品促销活动方案
2014/02/14 职场文书
田径运动会开幕式及主持词
2014/03/28 职场文书
小学作文评语大全
2014/04/21 职场文书
教师纪念9.18事件演讲稿范文
2014/09/14 职场文书
大学生自我评价200字(4篇)
2014/09/17 职场文书
个人贷款授权委托书样本
2014/10/07 职场文书