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模版的更多相关文章

  1. JQuery plugin ---- simplePagination.js API

    CSS Themes "light-theme" "dark-theme" "compact-theme" How To Use Step ...

  2. jQuery plugin: Autocomplete 参数及实例

    官网:jQuery plugin: Autocomplete          (注:此插件已经不再更新.它的继任者是jQuery UI的一部分,) 此插件依赖于 jquery 1.2.6 --- j ...

  3. 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 ...

  4. JQuery Plugin 1 - Simple Plugin

    1. How do you write a plugin in jQuery? You can extend the existing jQuery object by writing either ...

  5. The ultimate jQuery Plugin List(终极jQuery插件列表)

    下面的文章可能出自一位奥地利的作者,  列出很多jQuery的插件.类似的网站:http://jquerylist.com/原文地址: http://www.kollermedia.at/archiv ...

  6. [jQuery] 自做 jQuery Plugin - Part 1

    有時候寫 jQuery 時,常會發現一些簡單的效果可以重複利用.只是每次用 Copy & Paste 大法似乎不是件好事,有沒有什麼方法可以讓我們把這些效果用到其他地方呢? 沒錯,就是用 jQ ...

  7. ollicle.com: Biggerlink – jQuery plugin

    ollicle.com: Biggerlink – jQuery plugin Biggerlink – jQuery plugin Purpose Demo Updated for jQuery 1 ...

  8. Element DOM Tree jQuery plugin – Firebug like functionality | RockingCode

    Element DOM Tree jQuery plugin – Firebug like functionality | RockingCode Element DOM Tree jQuery pl ...

  9. HTML5 Video player jQuery plugin

    <!DOCTYPE html> <html lang="en" > <head> <meta charset="utf-8&qu ...

随机推荐

  1. andriod 获得应用程序名称

    import android.annotation.TargetApi; import android.app.Activity; import android.app.AlertDialog; im ...

  2. HttpClient获取Cookie的两种方式

    转载:http://blog.csdn.net/zhangbinu/article/details/72777620 一.旧版本的HttpClient获取Cookies p.s. 该方式官方已不推荐使 ...

  3. Toolbar的使用.md

    1.什么是Toolbar Toolbar是在Android5.0时出现的一个新控件,其目的用于取代Actionbar,它与Actionbar最大的差别就是Toolbar使用更加灵活.自由,而且Tool ...

  4. 金山面试CDN

    History 今天去金山网络面试的时候,被问到性能优化,我说了几个.最后说到了CDN,我说要尽量把静态的内容放置到CDN,可是为什么呢?面试官说既然你说到CDN.你就说说它的原理. 之前有看过,可是 ...

  5. flexible.js + makegrid.js 自适应布局

    一,flexible.js 的使用方式: (一),引用方式 1,引用cdn地址 <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3. ...

  6. android实例讲解----Tomcat部署Web应用方法总结

      参考文档:http://blog.csdn.net/yangxueyong/article/details/6130065  Tomcat部署Web应用方法总结             一.架构介 ...

  7. java与MFC中的一些常识

    一个.java文件中可以有很多类.不过注意以下几点:1.public 权限的类只能有一个(也可以一个都没有,但最多只有1个)2.这个.java文件的文件名必须是public类的类名(一般的情况下,这里 ...

  8. 使mysql按中文字段排序

    http://ourmysql.com/archives/391   测试后我发现,gbk不仅对字符内容是按拼音排序的,对数字也是一样,使用时需注意!     另外一篇文章: MySQL按中文拼音排序

  9. Android与服务器端数据交互(基于SOAP协议整合android+webservice)

    http://www.cnblogs.com/zhangdongzi/archive/2011/04/19/2020688.html 上一节中我们通过http协议,采用HttpClient向服务器端a ...

  10. WPF02(concept)

    (转自http://www.cnblogs.com/huangxincheng/archive/2012/06/17/2552322.html)这些天从项目上接触到了wpf,感觉有必要做一个笔记,首篇 ...