免费刷金币,请点击这里
TE社区 > 前端技术
客服QQ:1206116161

jquery插件格式实例分析

xiaozizai 于 2018-01-20 14:01:05 创建话题
(36)
(0)
举报

本文实例讲述了jquery插件格式。分享给大家供大家参考,具体如下:

现在打算给公司写一个公共组件,常用的工具很多都是jquery,很多时候一些插件特效也是基于jquery写的,因此工作中难免会遇到要拓展别人写的插件。

下面我简单的描述一下插件的格式:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
//模拟一个小的插件,方便大家学习
(function($){
  $.fn.huangbiao=function(userSetting){
  //利用jquery的extend方法来拓展插件的配置参数,这个应该暴露给使用用户
    settings = jQuery.extend($.fn.huangbiao.defaultSetting,userSetting);
    function init(){
      alert("在我这里进行初始化");
      myFunction(this);
    }
    function myFunction(obj){
      alert("我是开发者自己封装的函数");
      showSetting();
      privateFunc();
    }
    function showSetting(){
      alert(this.settings.name);
    }
    this.unbind('click').click(init);
    return this;
  }
  //下面这个是闭包的私有函数
  function privateFunc(){
    alert("i am private function!");
  }
  //暴露给用户使用的函数
  $.fn.huangbiao.openFunc=function(obj){
    alert("test");
  }
  /*
    定义暴露给用户的默认值
    这个一定要放在$.fn.huangbiao对象后面,否则脚本会报错的
  */
  $.fn.huangbiao.defaultSetting={
    name:"huangbiao",
    sex:"boy",
    age:24
  };
})($);
function useUndefault(){
  //使用自己配置的参数
  $("#undefault").huangbiao({name:"liumei",sex:"girl",age:24});
}
function useUndefault2(){
alert($.fn.huangbiao.defaultSetting.name);
  $.fn.huangbiao.defaultSetting.name="hanmeimei";
  alert($.fn.huangbiao.defaultSetting.name);
  //使用自己配置的参数
  $("#undefault2").huangbiao();
}
function useDefault(){
  //使用默认的配置参数
  $("#default").huangbiao();
}
function openFunction(){
  $("#default").huangbiao.openFunc();
}
</script>
<title>无标题文档</title>
</head>
<body>
<input type="button" value="useUndefault" id="undefault" onclick="useUndefault();"><br>
<input type="button" value="useUndefault2" id="undefault2" onclick="useUndefault2();"><br>
<input type="button" value="useDefault" id="default" onclick="useDefault();"><br>
<input type="button" value="使用提供给用户的函数" id="openFuncId" onclick="openFunction();"><br>
</body>
</html>

另外,这里再提供一个关于jquery的文档,相信对于大家学习jQuery插件有一定帮助作用!

本站下载: jQuery插件开发.pdf

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结

希望本文所述对大家jQuery程序设计有所帮助。

扫码关注TE官方微博 扫码关注TE官方微博
ASP编程入门进阶(十八):FSO组件之文件操作(上) node中Express 动态设置端口的方法 WordPress自动给文章添加nofollow属性的实现方法 关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法 JavaScript使用readAsDataURL读取图像文件 js+html5实现复制文字按钮 Asp.net中的数据绑定Eval和Bind应用示例 Microsoft Access 数据库常规规格 SQL Server 树形表非循环递归查询的实例详解 PHP使用Redis替代文件存储Session的方法 PHP实现上传图片到数据库并显示输出的方法 css3使网页、图片变成灰色兼容大多数浏览器 详解Docker 国内镜像的配置及使用 javascript帧动画(实例讲解) php使用Session和文件统计在线人数 js解析与序列化json数据(三)json的解析探讨 JavaScript判断数组是否包含指定元素的方法 jQuery实现限制textarea文本框输入字符数量的方法 详解Node.js包的工程目录与NPM包管理器的使用 JavaScript中的this实例分析 CI(CodeIgniter)框架介绍 javascript学习笔记(一)基础知识 AjaxControlToolKit DropDownExtender(下拉扩展控件)使用方法 利用css实现浮雕效果示例代码 jquery 缓存问题的几个解决方法 JS中setInterval、setTimeout不能传递带参数的函数的解决方案 css实现tab效果仿163邮箱样式 JS+CSS实现Div弹出窗口同时背景变暗的方法 JS闭包用法实例分析 Javascript动画的实现原理浅析 tensorflow variable的值与variable.read_value()的值区别详解 jquery实现可旋转可拖拽的文字效果代码 子页向父页传值示例 js运动框架_包括图片的淡入淡出效果 彻底解决ewebeditor网站后台不能上传图片的方法 jQuery实现金额录入框 jquery引用方法时传递参数原理分析 利用Python绘制MySQL数据图实现数据可视化 JS事件在IE与FF中的区别详细解析 JSP安全性初探 ASP.NET 2.0 中Forms安全认证 jquery心形点赞关注效果的简单实现 JS中eval函数的使用示例 javascript 开发之网页兼容各种浏览器 JS传递对象数组为参数给后端,后端获取的实例代码 用ASP开发网页需要牢记的注意事项 JS逆序遍历实现代码 mongodb 添加用户及权限设置详解 jquery获取radio值实例 PHP判断浏览器、判断语言代码分享 AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值 Python用imghdr模块识别图片格式实例解析 DedeCMS Error Warning!提示信息的修改方法 Python操作word常见方法示例【win32com与docx模块】 Javascript实现的Map集合工具类完整实例 不可轻视HTML5!App三年内将被html5顶替彻底消失 基于ASP.NET实现日期转为大写的汉字 SQL Server 日期相关资料详细介绍 用ajax实现读博客rss示例代码 使用Curl进行抓取远程内容时url中文编码问题示例探讨 Linux下浅谈crond与crontab的命令用法 详解AngularJS中ng-src指令的使用 .Net消息队列的使用方法 watch ifconfig命令(每隔两秒监视网络状态) vue中用H5实现文件上传的方法实例代码 通过Python 接口使用OpenCV的方法 input框中自动展示当前日期yyyy_mm_dd的实现方法 linux系统中的chrome浏览器打开网页韩文字体重叠乱码该怎么办? php数据结构之顺序链表与链式线性表示例 ASP.NET MVC 3实现访问统计系统 利用Angular+Angular-Ui实现分页(代码加简单) jQuery插件artDialog.js使用与关闭方法示例 asp.net实例代码protected override void Render(HtmlTextWriter writer) React Router v4 入坑指南(小结) bootstrap多种样式进度条展示 小程序兼容安卓和IOS数据处理问题及坑 jquery 输入框查找关键字并提亮颜色的实例代码 分享20个提升网站界面体验的jQuery插件 使用JavaScript获取电池状态的方法 浅析Mysql 数据回滚错误的解决方法 Linux查看系统版本的方法汇总 CentOS 6.4下编译安装MySQL5.6.14教程 python爬取网页转换为PDF文件 JQuery ztree带筛选、异步加载实例讲解 详解Spring中bean的几种注入方式 VS2015 免费插件Refactoring Essentials js_jq仿window文件夹框选操作插件 jQuery AjaxUpload 上传图片代码 pygame实现弹力球及其变速效果 增强的 JavaScript 的 trim 函数的代码 JS中获取函数调用链所有参数的方法 jQuery Chosen通用初始化 dedecms5.6 arclist分页的实现方法 一个基于flask的web应用诞生 用户注册功能开发(5) Python基于Matplotlib库简单绘制折线图的方法示例 php+ajax简单实现全选删除的方法 浅析SQL Server中的执行计划缓存(下) mac如何查看隐藏文件夹?苹果mac显示隐藏文件夹方法和命令介绍 深入了解PHP类Class的概念 Javascript实现图片轮播效果(二)图片序列节点的控制实现 让jQuery与其他JavaScript库并存避免冲突的方法 Python黑魔法@property装饰器的使用技巧解析 基于JSP 自定义标签使用实例介绍 php 二维数组快速排序算法的实现代码 网页页面 自动刷新的3种代码 JS字符串累加Array不一定比字符串累加快(根据电脑配置) Python中在脚本中引用其他文件函数的实现方法 JavaScript实现16进制颜色值转RGB的方法 详解webpack和webpack-simple中如何引入css文件 解析php通过cookies获取远程网页的指定代码 bootstrap侧边栏圆点导航 C#处理Json的另外一种方式成功实践 关于ASP.NET页面打印技术的常用方法总结 Package.js 现代化的JavaScript项目make工具 python 布尔操作实现代码 PHP中IP地址与整型数字互相转换详解 js实现绿白相间竖向网页百叶窗动画切换效果 详解Android_性能优化之ViewPager加载成百上千高清大图oom解决方案 今天是星期几的4种JS代码写法 jQuery实现对无序列表的排序功能(附demo源码下载) JavaScript移除数组内重复元素的方法 Spring之借助Redis设计一个简单访问计数器的示例 php使用filter过滤器验证邮箱 ipv6地址 url验证 Java使用正则表达式对注册页面进行验证功能实现 iOS 适配iPhone X的方法 PHP中把stdClass Object转array的几个方法 node.js实现微信JS-API封装接口的示例代码 IE cache缓存 所带来的问题收藏 SQL大量数据查询的优化及非用like不可时的处理方案 ASP.NET文件相关操作(读取、写入、保存) NodeJS学习笔记之Connect中间件应用实例 Shell脚本if else语句小结 Lua进阶教程之闭包函数、元表实例介绍 python分割文件的常用方法 jquery实现仿JqueryUi可拖动的DIV实例 JS中使用变量保存arguments对象的方法 php实现通过soap调用.Net的WebService asmx文件 JavaScript函数学习总结以及相关的编程习惯指南 JSON 和 JavaScript eval使用说明 JS获取及验证开始结束日期的方法 关于Zend Studio 配色方案插件的介绍 IBM DB2 日常维护汇总(九) JavaScript中自定义事件用法分析 javascript完美拖拽的实现方法 PHPCMS 信息泄露以及任意删除文件漏洞 PHP常见数学函数及BC高精度数学函数用法示例 Python 数据结构之队列的实现 iOS仿微信图片分享界面实现代码 给定链表中间节点指针,删除中间节点的方法 PHP实现的多维数组排序算法分析 详解Python核心对象类型字符串 Python面向对象之继承和组合用法实例分析 基于jquery实现轮播焦点图插件 js同源策略详解 JavaScript获取页面中第一个锚定文本的方法 jquery div 居中技巧应用介绍 Extjs优化(一)删除冗余代码提高运行速度 JS+CSS实现自适应选项卡宽度的圆角滑动门效果 firefox样式表定义不支持cursor hand SQLSERVER加密解密函数(非对称密钥 证书加密 对称密钥)使用方法代码 分享Pycharm中一些不为人知的技巧 Django实现的自定义访问日志模块示例 HTML5在IE10、火狐下中文乱码问题的解决方法 mysql mysqldump只导出表结构或只导出数据的实现方法 js编写trim()函数及正则表达式的运用 JQuery实现可直接编辑的表格 关于jQuery中的each方法(jQuery到底干了什么) ListView滑动隐藏显示ToolBar的实例 iOS实现应用内切换语言及字体大小(模仿微信) jquery带动画效果幻灯片特效代码 Java应用程序中创建图像 SuperSlide2实现图片滚动特效 JavaScript获取表单内所有元素值的方法 jQuery给表格添加分页效果 js调用后台、后台调用前台等方法总结 jQuery实现带分组数据的Table表头排序实例分析 linux ls命令的20个实用范例 详细讲解ASP脚本循环语句 Linux下使用函数获取用户空间ns级时间 Ruby和Ruby on Rails中解析JSON格式数据的实例教程 asp 实现的冒泡排序程序 苹果os x10.10.3预览大尺寸的JPEG图片时崩溃和重启怎么办 javascript实现鼠标移到Image上方时显示文字效果的方法 CentOS7下 yum方式安装Nginx的实现步骤 网页教案,针对初学者的教案 JS在IE和FF下attachEvent,addEventListener学习笔记 保持Android Service在手机休眠后继续运行的方法 使用ASP获得服务器网卡的MAC地址信息 Highcharts入门之基本属性 用vue的双向绑定简单实现一个todo-list的示例代码 ASP.NET 窗体间传值的方法 js实现模糊匹配功能 详解Nginx 出现 403 Forbidden 的解决办法 HTML5实现简单图片上传所遇到的问题及解决办法 ASP.NET实现电影票信息的增删查改功能 Vue.Js中的$watch()方法总结 Asp.Net Mvc2 增删改查DEMO代码 ASP.NET Core项目配置教程(6) spring cloud 使用Zuul 实现API网关服务问题 php实现将数组转换为XML的方法
两款jQuery仿flash导航菜单.zip ECShop 海客送礼模板.zip CSS3实现自定义Checkbox动画.zip jQuery SVG图标垂直导航菜单代码.zip css3小船水面游动动画特效.zip 微博jquery qtip ajax提示框.zip jQuery多张图片批量上传插件.zip jQuery百度新闻标签云关键词代码.zip zookeeper实例 jquery自动手风琴.zip 浅蓝色风格医疗行业模板.zip HTML5实现鲸鱼游动特效.zip 绿色技术服务公司网站模板.zip jquery信用卡验证插件Card.zip jquery实现faq问答展开折叠.zip 大气户外旅游公司网站模板.zip jQuery控件简易日历表格代码.zip jquery仿酷狗官网新闻焦点图插件.zip 食品蛋糕DIY网站HTML5模板.zip 简单的网络图书商店系统(没有使用框架) css3鼠标触碰图标渐变效果.zip CSS3实现旋转LOGO.zip 3图并列jquery焦点图代码.zip 手风琴菜单导航jquery特效.zip HTML5全屏垂直滚动切换幻灯片.zip 扁平app手机wap网页模板.zip 商务旅行CSS3企业模板.zip 【PHP源码】WBB(WoltLab Burning Board) v2.3.5_wbb.zip HTML5 Canvas条形码生成代码.zip js input file多个文件上传功能.zip 侧栏菜单模块化响应式模板.zip jQuery手机焦点图切换特效代码.zip jQuery音乐均衡器插件equalizer.zip jQuery带导航全屏页面切换代码.zip 物流管理系统 - J2EE项目 CSS3网站后台管理模板下载.zip JS带提示登录表单验证代码.zip 橙色宽屏外贸公司网页模板.zip 【PHP源码】OpenKaku v1.02.1 简体中文版 (开源SNS程序)_openkaku_1.02.1.zip jQuery不同风格图片排列轮播切换.zip 西餐美食公司网站模板.zip 自作Java飞机大战源代码附带注释 jquery Table响应式表格代码.zip jQuery+css随意抓拍图片效果.zip 【ASP.NET源码】IdioBlog(NClay)源码_idioblog.zip 2016奥运会小人骑自行车CSS3动画.zip jQuery+CSS3人物介绍导航提示效果.zip HTML5 Canvas文本输入框动画特效.zip jquery多屏格子焦点图.zip 蓝色布局博客网站CSS3模板.zip 【PHP源码】新易设计简单下载系统 v2.0_xysjdown20.zip SSH+DWR+Ext房屋出租系统 jQuery超酷百叶窗幻灯片.zip 【PHP源码】渝海营养膳食查询工具 v1.0 Build 090214_yh_yingyang_1.0.zip javaEE服务端RSA解加解密 jQuery UI 3D立体滑块特效.zip 微信小程序 - 小苹果游戏.zip PHPWind论坛 粉色东风格.zip 果园种植场HTML5网站模板.zip 多款SVG扁平风格图标动画特效.zip Spring+SpringMVC+Hibernate整合框架--纯净简单易懂 jQuery网站首页图片轮播特效.zip 教育类帝国cms模板.zip 【ASP.NET源码】爱客商城.Net版v1.1.04_icareshop1104.zip jQuery底部弹出缩略图导航菜单代码.zip css3涂鸦风格边框.zip jQuery向下掉落幻灯片.zip 基于jQuery页面翻转特效.zip jQuery垂直手风琴菜单列表代码.zip jQuery数字按钮焦点图切换.zip jquery php弹出滑块效果.zip 手机端30天内选择预约时间代码.zip jQuery新闻垂直滚动展示.zip Discuz! x2清晰绿色风格模板.zip jQuery仿win10桌面QQ登录界面效果.zip 黑色商务css网站模板.zip Flash动态调用文字提示效果.zip SuperSlide电影频道焦点图.zip 【PHP源码】McGallery Prov2.0_mcgallerypro20.zip 【PHP源码】Pdajoy Ajax 手机号码归属地查询 MySQL版 v1.1_pdajoy.zip jQuery鼠标经过文字链接浮动代码.zip 房产建筑设计CSS3网站模板.zip DZ2.5小米风格模板.zip 学校轮滑社团网页模板.zip 仿新版京东触屏版html5手机wap购物网站模板.zip jQ+CSS3彩色流动边框登录框.zip 简单jquery tab选项卡切换.zip 淡蓝wordpress博客模板下载.zip 小米官网css3导航菜单代码.zip svg和animate.css实现文字动画特效.zip jQuery文章章节平滑切换动画特效.zip 企业信息交流系统(CICS) v1.0 js韩国商品购物推荐.zip jQuery视频缩略图音乐播放器代码.zip jquery图片九宫格样式.zip Discuz! x2.5海边小船模板.zip CSS3实现自定义复选框.zip 实用自动补全工具AutoCompleteTextView 仿世纪佳缘源码仿世纪佳缘模板Php+Mysql交友网站源码程序 jQuery人物信息介绍展示代码.zip Java公共资源模块的设计与开发 微信小程序源码-红包抽奖v02版 jQuery的精美相册效果.zip HTML5 Canvas头发飘逸动画.zip 帝国灰色瀑布流模板.zip 基于JSP技术的猎头公司管理软件的设计和实现—内部事务部分 css3 input按钮样式代码.zip 扁平化设计Bootstrap3后台管理模板SB Admin.zip jquery电脑屏幕焦点图.zip jQuery+HTML5微信大转盘抽奖代码.zip 棕色家居行业网站模板.zip html5带立体感觉幻灯片.zip HTML5粒子效果文字动画.zip 经典java小程序源代码打包合集 Android动画合集大全(上百种动画) 剑桥教育网站模板免费下载.zip 帝国cms产品展示模板.zip jQuery带缩略图预览幻灯片.zip 【ASP.NET源码】三层无存储过程分页Demo_3layerpager.zip spring与activeMQ的整合的完整demo CSS3音乐唱片网站模板.zip jQuery圆形修边蓝色导航.zip jQ图标嵌套悬浮动画.zip 响应式DEDECMS源码高端视觉滚屏特效模板+公司企业通用+完整带后台手机.zip tagator标签输入控件(jQuery).zip jQuery图片遮罩层lightbox特效.zip HTML5 3D立方体按钮翻转特效.zip 【PHP源码】新版友资文本论坛 MXLForum v 1.2 Build v 1.2 Bata GB2312_mxl.zip jQuery自动改变文字大小代码.zip Simpli Flat蓝色管理模板.zip 韩寒ONE一个wordpress主题.zip jquery缓冲下拉导航菜单特效.zip jQuery电影背景画面对比滑块代码.zip html5 svg绘制卡通树动画特效.zip 微信小程序源码-天天快拍 微信小程序 - 赞赏(微信支付,登录).zip 咖啡休闲屋HTML网站模板.zip 百度翻译手机版jQuery焦点图.zip 百度、阿里、腾讯是如何承载PB级别大数据的视频教程 纯CSS3实现iOS7风格进度条.zip 类似播放器jQuery分页插件.zip 纯css3波浪形菜单按钮.zip 婚礼现场HTML5粉色模板.zip jQuery拖拽插件Shapeshift.zip 褐色商务CSS网页模板.zip slides带缩略图的图片相册幻灯片.zip 带缩略图切换的jQuery相册特效.zip js多皮肤网页日期控件.zip 微信小程序源码-外卖购物车 jquery绿色下拉菜单.zip jQuery动画标签折叠式菜单.zip 【ASP.NET源码】23blog v1.080709_miniblog2.zip 响应式个人网站HTML5模板.zip 哑铃健身运动HTML网页模板.zip ASP,NET分享到新浪微博微信实例代码 jQuery弹性展开收缩菜单插件gooey.js.zip Html5像素超级玛丽简易版demo,游戏源码下载 html5扑克翻牌消除小游戏代码.zip 国外餐饮披萨美食网页模板.zip php_mongodb jQuery产品360度旋转展示代码.zip 【PHP源码】中国站长站下载系统_cnmzcdown.zip 中国教学教育网站模板.zip 【PHP源码】单用户个人版tblog 1.0_tblog.zip cxSlide带缩略图和描述焦点图.zip SSH配置详解 自己精心整理,绝对是你想要的 微信小程序源码-艺术展览小程序 【PHP源码】客运班车查询系统 v3.1(PHP)_banche_php.zip jQuery带视差切换效果幻灯片代码.zip 企业人力资源管理系统 触屏拖动切换jQuery相册代码.zip jQuery环形图标菜单旋转切换特效.zip jQuery可伸展的网格布局特效.zip 最新支付宝支付接口demo和API完整 jquery宽屏格子焦点图.zip JSP+SQL基于JSP的学生信息管理系统(源代码+论文+答辩PPT) jQuery焦点图插件Fotorama.zip jQuery旋钮插件jQuery knob.zip 微信小程序源码-学习用商品详情购物车 微信小程序 - 微信电商.zip 【PHP源码】木翼下载系统 v1.6简体版_nowwingdownv1.6.zip 百叶窗风格左右滑动幻灯片.zip 网页加载进度条下载进度条代码 360应用市场jQuery幻灯片.zip jquery鼠标经过图片抖动效果.zip 分别是ssm的email和ssh的rep的完整系统,附加数据库 jquery按省选择学校.zip JS实现title标题闪烁提示信息.zip jQuery实现分步注册向导.zip jQuery图片拼图插件Image jigsaw.zip jQuery WEB音乐播放器下载.zip android中Webview与javascript的交互 ssh+ajax+Ext的增生改查案例(内服源代码)oracle数据库 微信小程序源码-记录宝宝喂奶 微信小程序源码-电商类小程序 携程网带节日提示日期控件.zip jQuery评论内容上下滑动切换效果.zip jquery+css3华丽滚动效果.zip css3实现打钩按钮特效.zip 宠物护理类网站模板.zip
举报X