add: jquery boilerplate snippet

Author: ui2code

snippets/js/jquery/README.md

@@ -310,3 +310,5 @@
   - trim
   - type
   - unique
+- [Others](zothers/)
+  - jQuery Boilerplate

snippets/js/jquery/zothers/README.md

@@ -0,0 +1,68 @@
+## Others
+
+### [jqb] jQuery Boilerplate
+
+```javascript
+// the semi-colon before function invocation is a safety net against concatenated
+// scripts and/or other plugins which may not be closed properly.
+;(function ( $, window, document, undefined ) {
+
+  "use strict";
+
+  // undefined is used here as the undefined global variable in ECMAScript 3 is
+  // mutable (ie. it can be changed by someone else). undefined isn't really being
+  // passed in so we can ensure the value of it is truly undefined. In ES5, undefined
+  // can no longer be modified.
+
+  // window and document are passed through as local variable rather than global
+  // as 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 which merges the contents of two or
+    // more objects, storing the result in the first object. The first object
+    // is generally empty as we don't want to alter the default options for
+    // future instances of the plugin
+    this.settings = $.extend( {}, defaults, options );
+    this._defaults = defaults;
+    this._name = pluginName;
+    this.init();
+  }
+
+  // Avoid Plugin.prototype conflicts
+  $.extend(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.settings
+      // you can add more functions like the one below and
+      // call them like the example bellow
+      this.yourOtherFunction("jQuery Boilerplate");
+    },
+    yourOtherFunction: function (text) {
+      // some logic
+      $(this.element).text(text);
+    }
+  });
+
+  // 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 );
+```

snippets/js/jquery/zothers/jq-boilerplate.sublime-snippet

@@ -0,0 +1,68 @@
+<snippet>
+  <content><![CDATA[
+// the semi-colon before function invocation is a safety net against concatenated
+// scripts and/or other plugins which may not be closed properly.
+;(function ( $, window, document, undefined ) {
+
+  "use strict";
+
+  // undefined is used here as the undefined global variable in ECMAScript 3 is
+  // mutable (ie. it can be changed by someone else). undefined isn't really being
+  // passed in so we can ensure the value of it is truly undefined. In ES5, undefined
+  // can no longer be modified.
+
+  // window and document are passed through as local variable rather than global
+  // as 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 which merges the contents of two or
+    // more objects, storing the result in the first object. The first object
+    // is generally empty as we don't want to alter the default options for
+    // future instances of the plugin
+    this.settings = $.extend( {}, defaults, options );
+    this._defaults = defaults;
+    this._name = pluginName;
+    this.init();
+  }
+
+  // Avoid Plugin.prototype conflicts
+  $.extend(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.settings
+      // you can add more functions like the one below and
+      // call them like the example bellow
+      this.yourOtherFunction("jQuery Boilerplate");
+    },
+    yourOtherFunction: function (text) {
+      // some logic
+      $(this.element).text(text);
+    }
+  });
+
+  // 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 );
+]]></content>
+  <tabTrigger>jqb</tabTrigger>
+  <description>jq - jQuery Boilerplate</description>
+</snippet>