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下arguments,caller,callee,call,apply示例及理解
Dec 24 Javascript
WEB 浏览器兼容 推荐收藏
May 14 Javascript
javascript 表格内容排序 简单操作示例代码
Jan 03 Javascript
用jquery.sortElements实现table排序
May 04 Javascript
JavaScrip调试技巧之断点调试
Oct 22 Javascript
谈谈javascript中使用连等赋值操作带来的问题
Nov 26 Javascript
JavaScript关联数组用法分析【概念、定义、遍历】
Mar 15 Javascript
微信小程序页面缩放式侧滑效果的实现代码
Nov 15 Javascript
Vue 中如何正确引入第三方模块的方法步骤
May 05 Javascript
小程序实现投票进度条
Nov 20 Javascript
微信小程序之左右布局的实现代码
Dec 13 Javascript
Jquery滑动门/tab切换实现方法完整示例
Jun 05 jQuery
精心挑选的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
模拟OICQ的实现思路和核心程序(二)
2006/10/09 PHP
php sprintf()函数让你的sql操作更安全
2008/07/23 PHP
php 去除html标记--strip_tags与htmlspecialchars的区别详解
2013/06/26 PHP
Php连接及读取和写入mysql数据库的常用代码
2014/08/11 PHP
php使用$_POST或$_SESSION[]向js函数传参
2014/09/16 PHP
Codeigniter发送邮件的方法
2015/03/19 PHP
对PHP依赖注入的理解实例分析
2016/10/09 PHP
浅谈PHP命令执行php文件需要注意的问题
2016/12/16 PHP
PNG背景在不同浏览器下的应用
2009/06/22 Javascript
在html页面上拖放移动标签
2010/01/08 Javascript
『jQuery』取指定url格式及分割函数应用
2013/04/22 Javascript
Document:getElementsByName()使用方法及示例
2013/10/28 Javascript
js动态删除div元素基本思路及实现代码
2014/05/08 Javascript
javascript实现行拖动的方法
2015/05/27 Javascript
必备的JS调试技巧汇总
2016/07/20 Javascript
vue服务端渲染操作简单入门实例分析
2019/08/28 Javascript
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
2019/08/29 Javascript
微信小程序复选框实现多选一功能过程解析
2020/02/14 Javascript
如何封装Vue Element的table表格组件
2021/02/06 Vue.js
详解Python下Flask-ApScheduler快速指南
2018/11/04 Python
python实现生成字符串大小写字母和数字的各种组合
2019/01/01 Python
Python读取指定日期邮件的实例
2019/02/01 Python
利用python实现短信和电话提醒功能的例子
2019/08/08 Python
python+flask编写一个简单的登录接口
2020/11/13 Python
CSS3中HSL和HSLA的简单使用示例
2015/07/14 HTML / CSS
KEETSA环保床垫:更好的睡眠,更好的生活!
2016/11/24 全球购物
CPB肌肤之钥美国官网:Clé de Peau Beauté
2017/09/05 全球购物
欧舒丹美国官网:L’Occitane美国
2018/02/23 全球购物
本科生就业推荐信
2014/05/19 职场文书
团队口号大全
2014/06/06 职场文书
2014年创先争优工作总结
2014/12/11 职场文书
2015年生产车间工作总结
2015/04/22 职场文书
上帝为你开了一扇窗之Tkinter常用函数详解
2021/06/02 Python
Spring中bean的生命周期之getSingleton方法
2021/06/30 Java/Android
如何打开Win11系统注册表编辑器?Win11注册表编辑器打开修复方法
2022/04/05 数码科技
Python docx库删除复制paragraph及行高设置图片插入示例
2022/07/23 Python