some optimization

jqColorPicker.js

@@ -2,7 +2,7 @@
 	'use strict';
 
 	var $document = $(document),
-		_instance,
+		_instance = $(),
 		_colorPicker,
 		_color,
 		_options,
@@ -44,6 +44,7 @@
 		ColorPicker = function(options) {
 			_color = this.color = new Colors(options);
 			_options = _color.options;
+			_colorPicker = this;
 		};
 
 	ColorPicker.prototype = {
@@ -99,13 +100,12 @@
 				_color.setColor(extractValue(_$trigger[0]));
 
 				preRender(true);
-			}).on(_pointerdown,
+			});
-				'.cp-xy-slider,.cp-z-slider,.cp-alpha', pointerdown);
 		} else {
 			$(_$UI).hide(_options.animationSpeed, function() {
 				preRender(false);
 				_colorPicker.$trigger = null;
-			}).off('.a');
+			});
 		}
 	}
 
@@ -114,9 +114,9 @@
 			(_options.css || _css) + (_options.cssAddon || '') + '</style>');
 
 		return _colorPicker.$UI = _$UI =
-			$(_html).css({'margin': _options.margin}).
+			$(_html).css({'margin': _options.margin})
-			appendTo('body').
+			.appendTo('body')
-			show(0, function() {
+			.show(0, function() {
 				var $this = $(this);
 
 				_GPU = _options.GPU && $this.css('perspective') !== undefined;
@@ -131,12 +131,14 @@
 				);
 				this._width = this.offsetWidth;
 				this._height = this.offsetHeight;
-			}).hide();
+			}).hide()
+			.on(_pointerdown,
+				'.cp-xy-slider,.cp-z-slider,.cp-alpha', pointerdown);
 	}
 
 	function pointerdown(e) {
-		var action = this.className.
+		var action = this.className
-				replace(/cp-(.*?)(?:\s*|$)/, '$1').replace('-', '_');
+				.replace(/cp-(.*?)(?:\s*|$)/, '$1').replace('-', '_');
 
 		if ((e.button || e.which) > 1) return;
 
@@ -281,40 +283,38 @@
 			// preventFocus: false
 		}, options);
 
-		!_colorPicker && options.scrollResize && $(window).
+		!_colorPicker && options.scrollResize && $(window)
-		on('resize.a scroll.a', function() {
+		.on('resize.a scroll.a', function() {
 			if (_colorPicker.$trigger) {
 				_colorPicker.toggle.call(_colorPicker.$trigger[0], true);
 			}
 		});
-		_instance = _instance ? _instance.add(this) : this;
+		_instance = _instance.add(this);
-		_instance.colorPicker = _colorPicker ||
+		this.colorPicker = _instance.colorPicker =
-			(_colorPicker = new ColorPicker(options));
+			_colorPicker || new ColorPicker(options);
-
+
-		$(options.body).off('.a').
+		$(options.body).off('.a').on(_pointerdown, function(e) {
-		on(_pointerdown, function(e) {
+			!_instance.add(_$UI).find(e.target)
-			!_instance.add(_$UI).find(e.target).
+				.add(_instance.filter(e.target))[0] && toggle();
-				add(_instance.filter(e.target))[0] && toggle();
 		});
 
-		this.on('focusin.a click.a', toggle).
+		return this.on('focusin.a click.a', toggle)
-		on('change.a', function() {
+		.on('change.a', function() {
 			_color.setColor(this.value || '#FFF');
 			_instance.colorPicker.render(true);
-		});
+		})
-
+		.each(function() {
-		return this.each(function() {
 			var value = extractValue(this),
 				mode = value.split('('),
 				$elm = findElement($(this));
 
-			$elm.data('colorMode', mode[1] ? mode[0].substr(0, 3) : 'HEX').
+			$elm.data('colorMode', mode[1] ? mode[0].substr(0, 3) : 'HEX')
-				attr('readonly', _options.preventFocus);
+				.attr('readonly', _options.preventFocus);
 			options.doRender &&
 			$elm.css({'background-color': value,
 				'color': function() {
-					return _color.setColor(value).
+					return _color.setColor(value)
-						rgbaMixBGMixCustom.luminance > 0.22 ? '#222' : '#ddd'
+						.rgbaMixBGMixCustom.luminance > 0.22 ? '#222' : '#ddd'
 				}
 			});
 		});
@@ -323,7 +323,7 @@
 	$.fn.colorPicker.destroy = function() {
 		_instance.add(_options.body).off('.a'); // saver
 		_colorPicker.toggle(false);
-		_instance = null;
+		_instance = $();
 	};
 
 	return $;