/**
* @lisence jquery plugin demo v1.0.0
*
* author: Jeremy Yu
*
* description:
* this is a jquery plugin Template
* see the end of this document to learn how to use the jquery plugin
*/
;
(function($, window, document, undefined) { /* 插件类定义 */
var PluginName = function(el, options) {
this.version = "1.0.0"
this.el = el;
this.options = options;
this.init(); //调用初始化方法
} /* 定义无参方法,方法名为 init */
PluginName.prototype.init = function() {
/* 初始化操作 */
alert('初始化成功');
} /* 定义有参方法,方法名为 func */
PluginName.prototype.func = function(arg) {
/* TODO */
} /* 定义有返回值方法,方法名为 funcRet */
PluginName.prototype.funcRet = function() {
/* TODO
* 执行完后返回结果
* 返回值可以是undefined、null、数字、字符串、布尔值、对象等
* 如果没有返回,默认返回 undefined
*/
return 0;
} /* 定义命名空间,且作为data的key */
var namespace = 'plugin_name';
/* 定义插件 */
$.fn.plugin_name = function(options) {
var $this = $(this);
var value, args = Array.prototype.slice.call(arguments, 1);
var data = $this.data(namespace);
if (!data) {
var settings = $.extend({}, $.fn.plugin_name.defaults, options);
$this.data(namespace, data = new PluginName(this, settings));
}
if (typeof options == 'string') {
value = data[options].apply(data, args);
}
return typeof value === 'undefined' ? this : value;
}; /* 定义插件的默认值(属性、事件) */
$.fn.plugin_name.defaults = {
prop1: "",
prop2: "",
onEvent: function(arg1, arg2) {},
onError: function(err) {}
}; /*
引入 jquery.min.js 和 当前 js 文件 HTML代码:
<div id="#plugin"></div> 插件使用
$('#plugin').plugin_name({ prop1 : '', onEvent : function(){}}); 方法调用
$('#plugin').plugin_name('function_name', args);
*/ })(jQuery, window, document);

简记 jQuery 插件模板的更多相关文章

  1. jQuery 插件模板

    1.为每一个DOM对象创建一个插件对象 模板定义: (function($) { $.pluginName = function(element, options) { var defaults = ...

  2. 我最喜欢的jQuery插件模板

    我使用jQuery已经有相当长的时间了,并且我会常常为它写一些插件(plugin).我尝试过用不同的方式去写,现在这个模板是我最喜欢的: 1 2 3 4 5 6 7 8 9 10 11 12 13 1 ...

  3. 关于jquery插件模板的两个案例

    /** * jquery tips 提示插件 jquery.tips.js v0.1beta * * 使用方法 * $(selector).tips({ //selector 为jquery选择器 * ...

  4. JQuery插件模板

    (function($){ $.fn.插件名 = function(settings){ var defaultSettings = { } /* 合并默认参数和用户自定义参数 */settings ...

  5. jQuery插件编写及链式编程模型小结

    JQuery极大的提高了我们编写JavaScript的效率,让我们可以愉快的编写代码,做出各种特效.大多数情况下,我们都是使用别人开发的JQuery插件,今天我们就来看看如何把我们常用的功能做出JQu ...

  6. jQuery插件编写及链式编程模型

    jQuery插件编写及链式编程模型小结 JQuery极大的提高了我们编写JavaScript的效率,让我们可以愉快的编写代码,做出各种特效.大多数情况下,我们都是使用别人开发的JQuery插件,今天我 ...

  7. 前端模板文件化jQuery插件 $.loadTemplates

    工作中使用前端模板引擎,如 artTemplate.jsRender,来替代拼接字符串. 可是直接把模板写在页面上会带来页面臃肿,模板无法重用,与 ASP.NET等后端语言语法冲突等问题. 所以将多个 ...

  8. 出位的template.js 基于jquery的模板渲染插件

    找了好几款基于jquery的模板渲染插件,无一感觉很难用(教程较少.绑定不统一),也可能我智商问题,比如jquery template.js .jtemplate.js. 然后在github上找到这一 ...

  9. javascript&&jquery编写插件模板

    javascrpt插件编写模板 这里不分享如何编写插件,只留一个框架模板,使用面向对象的形式进行编写,方便管理 ;(function(window,document){ function FnName ...

随机推荐

  1. Vagrant 入门 - share

    原文地址 译者注:Vagrant Share 功能通过 ngrok 向所有人提供访问内网开发环境的能力. 现在我们已经启动并运行了一台 Web 服务器,并且可以从你的机器访问,我们拥有一个相当实用的开 ...

  2. 05 | 基础篇:某个应用的CPU使用率居然达到100%,我该怎么办?

    通过前两节对平均负载和 CPU 上下文切换的学习,我相信你对 CPU 的性能已经有了初步了解.不过我还是想问一下,在学这个专栏前,你最常用什么指标来描述系统的 CPU 性能呢?我想你的答案,可能不是平 ...

  3. Win7 VS2019安装后创建C++工程失败解决

    VS2019正式上手,第1个问题创建不了工程,看起来非常类似之前VS2017更新 解决办法 https://github.com/Microsoft/msbuild/issues/4286 和上次的问 ...

  4. HTML设置<table>的<td>横跨3列

    第一步:html中 <table> <tr> <td>列一</td> <td>列二</td> <td>列三</ ...

  5. [Linux] 029 脚本安装包

    1. 脚本安装包 脚本安装包并不是独立的软件包类型,常见安装的是源码包 是人为把安装过程写成了自动安装的脚本,只要执行脚本,定义简单的参数,就可以完成安装 非常类似于 Windows 下软件的安装方式 ...

  6. MyEclipse下Junit报错"The input type of the launch configuration"

    MyEclipse下Junit运行测试用例的时候报错: "The input type of the launch configuration does not exist" 原因 ...

  7. [Bzoj1731]排队布局

    洛谷上的翻译是真的哲学♂♂♂ 非常van的题目传送门♂♂♂ 个人认为这题充其量也就是个蓝(nan)题,首先处理-1的情况,-1的情况是不等式组无解,按照差分约束的规则,无解说明出现了负环,先跑一遍以0 ...

  8. 9、numpy——数组操作

    Numpy 中包含了一些函数用于处理数组,大概可分为以下几类: (1)修改数组形状 (2)翻转数组 (3)修改数组维度 (4)连接数组 (5)分割数组 (6)数组元素的添加与删除 1.修改数组形状 函 ...

  9. hdu6341 Problem J. Let Sudoku Rotate (dfs)

    题目传送门 题意: 给你16个16宫格的数独,里面是0~F,你可以逆时针旋转里面的每个16宫格 问你它是从标准数独逆时针旋转多少次得到? 思路: 可以知道每个16宫已经是标准的了,接下来只要考虑每行. ...

  10. ASP.NET MVC5 +Abp 模板(Startup Templates)

    官网:https://aspnetboilerplate.com/Templates 系统登陆初始账号:admin 密码:123qwe 调试错误: 1.在多语句事务内不允许使用 CREATE DATA ...