简记 jQuery 插件模板
/**
* @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 插件模板的更多相关文章
- jQuery 插件模板
1.为每一个DOM对象创建一个插件对象 模板定义: (function($) { $.pluginName = function(element, options) { var defaults = ...
- 我最喜欢的jQuery插件模板
我使用jQuery已经有相当长的时间了,并且我会常常为它写一些插件(plugin).我尝试过用不同的方式去写,现在这个模板是我最喜欢的: 1 2 3 4 5 6 7 8 9 10 11 12 13 1 ...
- 关于jquery插件模板的两个案例
/** * jquery tips 提示插件 jquery.tips.js v0.1beta * * 使用方法 * $(selector).tips({ //selector 为jquery选择器 * ...
- JQuery插件模板
(function($){ $.fn.插件名 = function(settings){ var defaultSettings = { } /* 合并默认参数和用户自定义参数 */settings ...
- jQuery插件编写及链式编程模型小结
JQuery极大的提高了我们编写JavaScript的效率,让我们可以愉快的编写代码,做出各种特效.大多数情况下,我们都是使用别人开发的JQuery插件,今天我们就来看看如何把我们常用的功能做出JQu ...
- jQuery插件编写及链式编程模型
jQuery插件编写及链式编程模型小结 JQuery极大的提高了我们编写JavaScript的效率,让我们可以愉快的编写代码,做出各种特效.大多数情况下,我们都是使用别人开发的JQuery插件,今天我 ...
- 前端模板文件化jQuery插件 $.loadTemplates
工作中使用前端模板引擎,如 artTemplate.jsRender,来替代拼接字符串. 可是直接把模板写在页面上会带来页面臃肿,模板无法重用,与 ASP.NET等后端语言语法冲突等问题. 所以将多个 ...
- 出位的template.js 基于jquery的模板渲染插件
找了好几款基于jquery的模板渲染插件,无一感觉很难用(教程较少.绑定不统一),也可能我智商问题,比如jquery template.js .jtemplate.js. 然后在github上找到这一 ...
- javascript&&jquery编写插件模板
javascrpt插件编写模板 这里不分享如何编写插件,只留一个框架模板,使用面向对象的形式进行编写,方便管理 ;(function(window,document){ function FnName ...
随机推荐
- 更新系统时间 & 查看/修改LINUX时区和时间
一.时区0. date '+%Y%M%D' 按照格式显示当前日期,结果如下: date "+%Y-%m-%d %H:%M:%S" 1. 查看当前时区 :[root@master ~ ...
- 从零搭建一个Redis服务
前言 自己在搭建redis服务的时候碰到一些问题,好多人只告诉你怎么成功搭建,但是并没有整理过程中遇到的问题,所有楼主就花了点时间来整理下. linux环境安装redis 安装中的碰到的问题和解决办法 ...
- Jmeter接口自动化培训
课程前提 速成班,讲的不会非常深,每个人基础不一样,但是实现接口自动化没有问题,因为jmeter更多的用来做性能测试.当然有兴趣我们也可以穿插一点 课程基本大纲 接口基础概念 部署本地测试环境(使用d ...
- urllib.parse解析链接
1. urlparse() 解析链接,注意,返回值比3多一个params的属性 from urllib.parse import urlparse result = urlparse('http:// ...
- 什么是php扩展
PHP扩展英文为PHP Extension and Application Repository,简称pear(下面都以pear简称),中文全称为PHP扩展与应用库.是为了创建一个类似于Perl CP ...
- jmeter 把返回数据写到文件
jmeter如何把返回数据写入到文件 作者:WhoisTester 2015-10-20 20:11 1. 首先我们可以使用 regular expression extractor 正则表达式 ...
- tp增删改查
增: 向数据库增加新的数据,这里增是纯粹的增添数据,如果新增的数据包含主键,并且该主键已经在数据库存在,则无法新增数据的. //M("User") 用于高效实例化一个数据模型(M ...
- Java双链表
一.概述 二.英雄类 class HeroNode { //值域 public int id; public String name; public String nickName; //指针域 pu ...
- Laya2.0的转变
之前一直用Laya1.x+TypeScript了,最近项目开始使用Laya2.0+AS3了 总结一下需要注意的一些事项,算是2种开发模式的区别与过渡吧 1.AS类的访问标识 必须是public,不写会 ...
- 如何将网络流转化为内存流 C#
//将获取的文件流转化为内存流 public static MemoryStream ConvertStreamToMemoryStream(Stream stream) { MemoryStream ...