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 相关文章推荐
Js 订制自己的AlertBox(信息提示框)
Jan 09 Javascript
js 实现无干扰阴影效果 简单好用(附文件下载)
Dec 27 Javascript
jQuery动态添加 input type=file的实现代码
Jun 14 Javascript
jquery ajax 局部刷新小案例
Feb 08 Javascript
使用jQuery或者原生js实现鼠标滚动加载页面新数据
Mar 06 Javascript
理解JavaScript原型链
Oct 25 Javascript
JS设置时间无效问题的解决办法
Feb 18 Javascript
iscroll-probe实现下拉刷新和下拉加载效果
Jun 28 Javascript
vue获取DOM元素并设置属性的两种实现方法
Sep 30 Javascript
基于js中this和event 的区别(详解)
Oct 24 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
Jan 23 jQuery
JavaScript闭包相关知识解析
Oct 19 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中“简单工厂模式”实例代码讲解
2012/09/04 PHP
PHP 实现代码复用的一个方法 traits新特性
2015/02/22 PHP
PHP获取指定时间段之间的 年,月,天,时,分,秒
2016/06/05 PHP
PHP mysqli事务操作常用方法分析
2017/07/22 PHP
原生javascript实现分享到朋友圈功能 支持ios和android
2016/05/11 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
2016/09/23 Javascript
js封装tab标签页实例分享
2016/12/19 Javascript
利用Node.js检测端口是否被占用的方法
2017/12/07 Javascript
Node.js使用cookie保持登录的方法
2018/05/11 Javascript
详解基于Vue-cli搭建的项目如何和后台交互
2018/06/29 Javascript
vue-auto-focus: 控制自动聚焦行为的 vue 指令方法
2018/08/25 Javascript
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
2019/11/04 Javascript
javascript实现弹幕墙效果
2019/11/28 Javascript
react的hooks的用法详解
2020/10/12 Javascript
ajax jquery实现页面某一个div的刷新效果
2021/03/04 jQuery
[01:04:05]VG vs Newbee 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python简单猜数游戏实例
2015/07/09 Python
关于Python数据结构中字典的心得
2017/12/04 Python
人生苦短我用python python如何快速入门?
2018/03/12 Python
Python安装selenium包详细过程
2019/07/23 Python
Python实现的微信红包提醒功能示例
2019/08/22 Python
python为QT程序添加图标的方法详解
2020/03/09 Python
如何配置关联Python 解释器 Anaconda的教程(图解)
2020/04/30 Python
Python调用shell命令常用方法(4种)
2020/05/11 Python
python中setuptools的作用是什么
2020/06/19 Python
Net-A-Porter美国官网:全球时尚奢侈品名站
2017/02/11 全球购物
Origins悦木之源英国官网:雅诗兰黛集团高端植物护肤品牌
2017/11/06 全球购物
北承题目(C++)
2012/05/16 面试题
教师自荐书
2013/10/08 职场文书
2014年民主评议党员个人总结
2014/09/24 职场文书
党的群众路线教育实践活动整改方案
2014/10/28 职场文书
督导岗位职责
2015/02/04 职场文书
办公室主任个人总结
2015/02/28 职场文书
企业党支部工作总结2015
2015/05/21 职场文书
2019年大学生职业生涯规划书
2019/03/25 职场文书
详细介绍Next.js脚手架完整搭建封装
2022/04/26 Javascript