`
luozhonghua2014
  • 浏览: 62345 次
文章分类
社区版块
存档分类
最新评论

jquery插件开发样例-jquery插件开发(1)

 
阅读更多
/*!
 * jQuery lightweight plugin boilerplate
 * Original author: @ajpiano
 * Further changes, comments: @addyosmani
 * Licensed under the MIT license
 */

// the semi-colon before the function invocation is a safety
// net against concatenated scripts and/or other plugins
// that are not closed properly.
;(function ( $, window, document, undefined ) {

    // undefined is used here as the undefined global
    // variable in ECMAScript 3 and is mutable (i.e. it can
    // be changed by someone else). undefined isn't really
    // being passed in so we can ensure that its value is
    // truly undefined. In ES5, undefined can no longer be
    // modified.

    // window and document are passed through as local
    // variables rather than as globals, because this (slightly)
    // quickens the resolution process and can be more
    // efficiently minified (especially when both are
    // regularly referenced in your plugin).

    // Create the defaults once
    var pluginName = 'defaultPluginName',
        defaults = {
            propertyName: "value"
        };

    // The actual plugin constructor
    function Plugin( element, options ) {
        this.element = element;

        // jQuery has an extend method that merges the
        // contents of two or more objects, storing the
        // result in the first object. The first object
        // is generally empty because we don't want to alter
        // the default options for future instances of the plugin
        this.options = $.extend( {}, defaults, options) ;

        this._defaults = defaults;
        this._name = pluginName;

        this.init();
    }

    Plugin.prototype.init = function () {
        // Place initialization logic here
        // You already have access to the DOM element and
        // the options via the instance, e.g. this.element
        // and this.options
    };

    // A really lightweight plugin wrapper around the constructor,
    // preventing against multiple instantiations
    $.fn[pluginName] = function ( options ) {
        return this.each(function () {
            if (!$.data(this, 'plugin_' + pluginName)) {
                $.data(this, 'plugin_' + pluginName,
                new Plugin( this, options ));
            }
        });
    }

})( jQuery, window, document );

分享到:
评论

相关推荐

    jquery 样例及特效介绍

    本教程将基于提供的"JQueryDemo"、"JqueryTabTest"、"JQueryTest"以及"JQuery特效"样例和效果,深入探讨jQuery的核心特性和常见应用。** ### 1. jQuery 的引入与基础用法 在HTML文件中,可以通过`<script>`标签...

    jQuery省市区三级联动插件city-picker

    在实际项目中,你可以参考提供的省市区三级联动插件样例,结合自己的需求进行调整。样例代码可能包括HTML结构、CSS样式和JavaScript逻辑,确保在不同环境下正确显示和操作。 总结,`jQuery city-picker`是一个强大...

    SuperSlide+jquery滚动样例

    **SuperSlide + jQuery 滚动样例** 在网页设计和开发中,动态滚动效果是增强用户体验、吸引用户注意力的重要手段。"SuperSlide + jQuery 滚动样例" 提供了多种滚动实现方式,旨在帮助开发者更好地理解和应用这一...

    jquery-easyui-1.8

    《jQuery EasyUI 1.8 实现样例详解》 jQuery EasyUI 是一款基于 jQuery 的前端框架,它为开发者提供了一系列轻量级、易于使用的组件,以帮助快速构建功能丰富的 Web 应用程序。EasyUI 的核心思想是通过简单的 HTML ...

    jQuery表单验证插件-输入email地址正确才显示提交

    在网页开发中,表单验证是必不可少的一部分,它确保用户输入的数据符合预设的规则,以提高数据质量并减少服务器端的压力。`jQuery`库是一个强大的JavaScript库,它简化了DOM操作、事件处理以及动画效果等多种功能。...

    jquery iviewer jquery图片查看工具(放大、缩小、旋转、可二次开发)

    **jQuery iViewer:一款强大的图片查看插件** jQuery iViewer是一款基于JavaScript库jQuery的图片查看工具,它提供了丰富的功能,包括图片的放大、缩小、旋转以及拖拽等操作,极大地提升了用户在网页上的图片浏览...

    jQuery多种消息提示插件growl-notification.zip

    同时,由于其基于jQuery,因此与其他jQuery插件和库的兼容性较好,可以轻松集成到现有项目中。 总结起来,jQuery消息提示插件growl-notification为网页开发提供了一种强大且灵活的用户反馈机制,通过理解和掌握其...

    jquery弹出悬浮插件webui-popover特效源码.zip

    WebUI-Popover是一款轻量级的jQuery插件,它的设计目标是提供一种灵活且易于定制的方式来创建弹出窗口。这个插件的核心特性在于它能够创建各种类型的悬浮元素,如提示框、下拉菜单、模态对话框等,且支持自定义样式...

    tableExport.jquery.plugin-master

    1. `jquery.tableExport.js`:这是核心的JavaScript文件,包含了插件的主要代码。 2. 示例文件(例如:`demo.html`):这些文件展示了如何在实际项目中使用插件,提供了一个或多个示例,演示如何将表格数据导出。 3....

    jquery 浮动层插件

    除了基础功能外,开发者还可以结合其他jQuery插件或自定义JavaScript代码,实现更复杂的功能,例如: - **表单验证**:在浮动层内嵌入表单,并使用验证插件检查用户输入。 - **异步加载**:动态加载浮动层内容,如...

    jquery访问数据库自动补全插件样例

    jquery-1.12.4.js jquery-ui.css jquery-ui.js style.css几个文件,访问的是数据库,返回的是json数据,json格式已经在index.html中,文本框下来智能选择补全,jquery.ui.js中已经包含了jquery.autocomplete.js源码...

    移动设备 select jquery插件

    而`dev`目录可能包含开发相关的资源,如源代码、样例、测试或者其他辅助文件。 使用此类插件时,开发者需要将插件的CSS和JS文件引入到项目中,然后通过jQuery选择器找到需要替换的`<select>`元素,调用插件方法对其...

    50 个jquery 样例 附源码

    8. **插件开发**:jQuery 插件机制使得扩展功能变得容易,通过封装复杂的逻辑,可以创建自定义的功能模块。 9. **响应式设计**:jQuery 可以结合现代前端框架(如Bootstrap)实现响应式布局,动态调整页面元素以...

    动态树的管理程序(基于jQuery Treeview实现)

    在实现的时候也会有很多的方法,例如可以用extjs,jquery treeview等一些js开发包。 但是在开发的时候我种想找个例子来参考下,发现有很多这样的例子,包括extjs和jquery treeview的官方也有,但结合java后台实现的...

    h5 web端上传插件demo样例

    综上所述,"h5 web端上传插件demo样例"是一个演示如何在EasyUI环境中集成和使用H5文件上传功能的实例。通过分析"index.html"和"js"目录中的文件,我们可以学习如何创建一个功能完备且用户友好的文件上传系统。这个...

    jquery里uploadify的样例代码 文件上传

    Uploadify是一款基于jQuery的插件,用于实现文件上传功能,它提供了丰富的自定义选项和友好的用户体验。在本文中,我们将深入探讨jQuery Uploadify插件的使用方法,包括基本配置、事件处理、样式定制以及与服务器端...

    导航切换插件样例

    "导航切换插件样例" 提供了一种动态、炫酷的解决方案,帮助开发者实现更具吸引力和交互性的导航体验。这个插件允许开发者自定义样式和代码,以适应不同的网站设计需求,同时也为初学者提供了一个学习和实践的平台。 ...

    最新JQuery UI 1.8.2 内含实例及Jquery 1.4.2

    - **插件接口**:提供标准化的插件开发接口,方便开发新的组件或扩展已有组件功能。 5. **JQuery 1.4.2**: - **性能提升**:这个版本的 jQuery 引擎进行了大量优化,提高了 DOM 操作、事件处理和动画的效率。 -...

    JQuery UI Dialog使用样例

    1. **引入 jQuery 和 jQuery UI** 在使用 Dialog 之前,确保你的页面已经引入了 jQuery 和 jQuery UI 的 CSS 和 JS 文件。你可以从 jQuery 官方网站下载,或者使用 CDN 链接。例如: ```html ...

    jquery mobile datepicker 手机端日期选择器

    jQuery Mobile Datepicker 是一个专为手机端设计的日期选择器插件,它基于流行的 jQuery 和 jQuery Mobile 库,为开发者提供了丰富的功能和自定义选项。本文将深入探讨这个插件的使用方法、核心功能以及如何对其进行...

Global site tag (gtag.js) - Google Analytics