Jquery Plugin模版
1. [代码][JavaScript]代码
01// remember to change every instance of "pluginName" to the name of your plugin!
02// the semicolon at the beginning is there on purpose in order to protect the integrity
03// of your scripts when mixed with incomplete objects, arrays, etc.
04;(function($) {
05
06 // we need attach the plugin to jQuery's namespace or otherwise it would not be
07 // available outside this function's scope
08 // "el" should be a jQuery object or a collection of jQuery objects as returned by
09 // jQuery's selector engine
10 $.pluginName = function(el, options) {
11
12 // plugin's default options
13 // this is private property and is accessible only from inside the plugin
14 var defaults = {
15
16 propertyName: 'value',
17
18 // if your plugin is event-driven, you may provide callback capabilities
19 // for its events. call these functions before or after events of your
20 // plugin, so that users may "hook" custom functions to those particular
21 // events without altering the plugin's code
22 onSomeEvent: function() {}
23
24 }
25
26 // to avoid confusions, use "plugin" to reference the
27 // current instance of the object
28 var plugin = this;
29
30 // this will hold the merged default, and user-provided options
31 // plugin's properties will be accessible like:
32 // plugin.settings.propertyName from inside the plugin or
33 // myplugin.settings.propertyName from outside the plugin
34 // where "myplugin" is an instance of the plugin
35 plugin.settings = {}
36
37 // the "constructor" method that gets called when the object is created
38 // this is a private method, it can be called only from inside the plugin
39 var init = function() {http://www.huiyi8.com/moban/
40
41 // the plugin's final properties are the merged default and
42 // user-provided options (if any)网站源码
43 plugin.settings = $.extend({}, defaults, options);
44
45 // make the collection of target elements available throughout the plugin
46 // by making it a public property
47 plugin.el = el;
48
49 // code goes here
50
51 }
52
53 // public methods
54 // these methods can be called like:
55 // plugin.methodName(arg1, arg2, ... argn) from inside the plugin or
56 // myplugin.publicMethod(arg1, arg2, ... argn) from outside the plugin
57 // where "myplugin" is an instance of the plugin
58
59 // a public method. for demonstration purposes only - remove it!
60 plugin.foo_public_method = function() {
61
62 // code goes here
63
64 }
65
66 // private methods
67 // these methods can be called only from inside the plugin like:
68 // methodName(arg1, arg2, ... argn)
69
70 // a private method. for demonstration purposes only - remove it!
71 var foo_private_method = function() {
72
73 // code goes here
74
75 }
76
77 // call the "constructor" method
78 init();
79
80 }
81
82})(jQuery);
Jquery Plugin模版的更多相关文章
- JQuery plugin ---- simplePagination.js API
CSS Themes "light-theme" "dark-theme" "compact-theme" How To Use Step ...
- jQuery plugin: Autocomplete 参数及实例
官网:jQuery plugin: Autocomplete (注:此插件已经不再更新.它的继任者是jQuery UI的一部分,) 此插件依赖于 jquery 1.2.6 --- j ...
- Signs of a poorly written jQuery plugin 翻译 (Jquery插件开发注意事项,Jquey官方推荐)
原文链接:http://remysharp.com/2010/06/03/signs-of-a-poorly-written-jquery-plugin/ 原文作者:remy sharp So far ...
- JQuery Plugin 1 - Simple Plugin
1. How do you write a plugin in jQuery? You can extend the existing jQuery object by writing either ...
- The ultimate jQuery Plugin List(终极jQuery插件列表)
下面的文章可能出自一位奥地利的作者, 列出很多jQuery的插件.类似的网站:http://jquerylist.com/原文地址: http://www.kollermedia.at/archiv ...
- [jQuery] 自做 jQuery Plugin - Part 1
有時候寫 jQuery 時,常會發現一些簡單的效果可以重複利用.只是每次用 Copy & Paste 大法似乎不是件好事,有沒有什麼方法可以讓我們把這些效果用到其他地方呢? 沒錯,就是用 jQ ...
- ollicle.com: Biggerlink – jQuery plugin
ollicle.com: Biggerlink – jQuery plugin Biggerlink – jQuery plugin Purpose Demo Updated for jQuery 1 ...
- Element DOM Tree jQuery plugin – Firebug like functionality | RockingCode
Element DOM Tree jQuery plugin – Firebug like functionality | RockingCode Element DOM Tree jQuery pl ...
- HTML5 Video player jQuery plugin
<!DOCTYPE html> <html lang="en" > <head> <meta charset="utf-8&qu ...
随机推荐
- andriod 获得应用程序名称
import android.annotation.TargetApi; import android.app.Activity; import android.app.AlertDialog; im ...
- HttpClient获取Cookie的两种方式
转载:http://blog.csdn.net/zhangbinu/article/details/72777620 一.旧版本的HttpClient获取Cookies p.s. 该方式官方已不推荐使 ...
- Toolbar的使用.md
1.什么是Toolbar Toolbar是在Android5.0时出现的一个新控件,其目的用于取代Actionbar,它与Actionbar最大的差别就是Toolbar使用更加灵活.自由,而且Tool ...
- 金山面试CDN
History 今天去金山网络面试的时候,被问到性能优化,我说了几个.最后说到了CDN,我说要尽量把静态的内容放置到CDN,可是为什么呢?面试官说既然你说到CDN.你就说说它的原理. 之前有看过,可是 ...
- flexible.js + makegrid.js 自适应布局
一,flexible.js 的使用方式: (一),引用方式 1,引用cdn地址 <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3. ...
- android实例讲解----Tomcat部署Web应用方法总结
参考文档:http://blog.csdn.net/yangxueyong/article/details/6130065 Tomcat部署Web应用方法总结 一.架构介 ...
- java与MFC中的一些常识
一个.java文件中可以有很多类.不过注意以下几点:1.public 权限的类只能有一个(也可以一个都没有,但最多只有1个)2.这个.java文件的文件名必须是public类的类名(一般的情况下,这里 ...
- 使mysql按中文字段排序
http://ourmysql.com/archives/391 测试后我发现,gbk不仅对字符内容是按拼音排序的,对数字也是一样,使用时需注意! 另外一篇文章: MySQL按中文拼音排序
- Android与服务器端数据交互(基于SOAP协议整合android+webservice)
http://www.cnblogs.com/zhangdongzi/archive/2011/04/19/2020688.html 上一节中我们通过http协议,采用HttpClient向服务器端a ...
- WPF02(concept)
(转自http://www.cnblogs.com/huangxincheng/archive/2012/06/17/2552322.html)这些天从项目上接触到了wpf,感觉有必要做一个笔记,首篇 ...