jquery default style

jquery default style

HTML

<div id="plugin">sample</div>

JavaScript

;(function ( $, window, document, undefined ) {
    var pluginName = "defaultPluginName",
        defaults = {
            propertyName: "value"
        };

    function Plugin( element, options ) {
    console.log('--->',element, options)
        this.element = element;
        this.options = $.extend( {}, defaults, options) ;

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

        this.init();
    }

    Plugin.prototype = {
        init: function() {
        console.log('init', this)
        },
        yourOtherFunction: function(el, options) {
							
        }
    };

    $.fn[pluginName] = function ( options ) {

        return this.each(function () {
            if (!$.data(this, "plugin_" + pluginName)) {
                $.data(this, "plugin_" + pluginName,
                new Plugin( this, options ));
            }
            
        }());
    };

})( jQuery, window, document );

$(function(){
	$("#sample").defaultPluginName();
});