Yam Code

New Paste Browse

<!DOCTYPE html>
<html>
	<head>
		<title>jQuery Boilerplate</title>
<script src="../node_modules/jquery/dist/jquery.min.js"></script>
<script src="../src/jquery.boilerplate.js"></script>
	</head>
	<style>
		.redColor {
			color: red;
		}
	</style>
	<body>
		<div id="ele">Nguyen Tien Dat</div>
		<button id="change">Click</button>
	</body>
	<script>
		$(function () {
			$("#button").colorplugin();
		});
	</script>
</html>
/*
 *  jquery-boilerplate - v4.0.0
 *  A jump-start for jQuery plugins development.
 *  http://jqueryboilerplate.com
 *
 *  Made by Zeno Rocha
 *  Under MIT License
 */
// 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 = "colorplugin",
			defaults = {
				redColor: ".redColor",
				ele: "#ele"
			};

// The actual plugin constructor
		function tryHard ( 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
		tryHard.prototype = {
			init: function() {
				addClassNew = this.settings.redColor;
				ele = this.settings.ele;
				$(this.element).click(function(){
					$(ele).addClass(addClassNew);
				})
			},
			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 );

Paste Settings

Paste Title : [Optional]

Paste Folder : [Optional]

Syntax Highlighting : [Optional]

Paste Expiration : [Optional]

Paste Status : [Optional]

Password : [Optional]

Description: [Optional]

Tags: [Optional]

Encrypt Paste (?)

You are currently not logged in, this means you can not edit or delete anything you paste. Sign Up or Login

Paste Settings

Site Languages