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对象的property和prototype是这样一种关系
Mar 24 Javascript
Jquery在IE7下无法使用 $.ajax解决方法
Nov 11 Javascript
当某个文本框成为焦点时即清除文本框内容
Apr 28 Javascript
javascript实现3D变换的立体圆圈实例
Aug 06 Javascript
JS简单实现DIV相对于浏览器固定位置不变的方法
Jun 17 Javascript
JS获取鼠标选中的文字
Aug 10 Javascript
vue组件watch属性实例讲解
Nov 07 Javascript
解决vue-router中的query动态传参问题
Mar 20 Javascript
简单了解JS打开url的方法
Feb 21 Javascript
Vue点击切换Class变化,实现Active当前样式操作
Jul 17 Javascript
通过vue刷新左侧菜单栏操作
Aug 06 Javascript
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
May 18 Vue.js
精心挑选的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项目打包方法
2008/02/18 PHP
php checkbox 取值详细说明
2010/08/19 PHP
ueditor 1.2.6 使用方法说明
2013/07/24 PHP
php中debug_backtrace、debug_print_backtrace和匿名函数用法实例
2014/12/01 PHP
简单谈谈PHP中的Reload操作
2016/12/12 PHP
PHP用户管理中常用接口调用实例及解析(含源码)
2017/03/09 PHP
PHP多进程之pcntl_fork的实例详解
2017/10/15 PHP
PHP实现生成推广海报的方法详解
2018/03/14 PHP
js弹出层包含flash 不能关闭隐藏的2种处理方法
2013/06/17 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
2014/07/27 Javascript
初识Node.js
2014/09/03 Javascript
javascript表单验证和Window详解
2014/12/11 Javascript
JS动态修改图片的URL(src)的方法
2015/04/01 Javascript
基于javascript实现动态时钟效果
2020/08/18 Javascript
JS创建事件的三种方法(实例代码)
2016/05/12 Javascript
Three.js学习之文字形状及自定义形状
2016/08/01 Javascript
JavaScript SHA-256加密算法详细代码
2016/10/06 Javascript
遍历js中对象的属性和值的实例
2016/11/21 Javascript
基于JavaScript实现验证码功能
2017/04/01 Javascript
bootstrap table单元格新增行并编辑
2017/05/19 Javascript
Bootstrap实现可折叠分组侧边导航菜单
2018/03/07 Javascript
vue两组件间值传递 $router.push实现方法
2019/05/15 Javascript
五句话帮你轻松搞定js原型链
2020/12/09 Javascript
Python字符串逐字符或逐词反转方法
2015/05/21 Python
同时安装Python2 &amp; Python3 cmd下版本自由选择的方法
2017/12/09 Python
详解python string类型 bytes类型 bytearray类型
2017/12/16 Python
Python中使用支持向量机(SVM)算法
2017/12/26 Python
python使用minimax算法实现五子棋
2019/07/29 Python
TensorFlow2.1.0安装过程中setuptools、wrapt等相关错误指南
2020/04/08 Python
意大利时尚精品店:Nugnes 1920
2020/02/10 全球购物
LUISAVIAROMA德国官网:时尚奢侈品牌购物网站
2020/11/12 全球购物
C语言笔试题
2014/09/04 面试题
中学实习教师自我鉴定
2013/12/12 职场文书
网络技术专业推荐信
2014/02/20 职场文书
SQL Server数据定义——模式与基本表操作
2021/04/05 SQL Server
CSS的calc函数用法小结
2022/06/25 HTML / CSS