aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorDave Methvin <dave.methvin@gmail.com>2015-09-25 17:11:01 -0400
committerTimmy Willison <timmywillisn@gmail.com>2015-10-18 12:38:59 -0400
commit53f798cf4d783bb813b4d1ba97411bc752b275f3 (patch)
tree9b4181c376b5e67b4f3966f8909108f78353d5ab
parent67d7a2eefee768b59eb3d51cb1fb2c671873e58a (diff)
downloadjquery-53f798cf4d783bb813b4d1ba97411bc752b275f3.tar.gz
jquery-53f798cf4d783bb813b4d1ba97411bc752b275f3.zip
Attributes: Remove undocumented .toggleClass( boolean ) signature
Fixes gh-2491 Close gh-2618
-rw-r--r--src/attributes/classes.js76
-rw-r--r--test/unit/attributes.js25
2 files changed, 23 insertions, 78 deletions
diff --git a/src/attributes/classes.js b/src/attributes/classes.js
index 0ba7b86af..5308ad463 100644
--- a/src/attributes/classes.js
+++ b/src/attributes/classes.js
@@ -1,9 +1,8 @@
define( [
"../core",
"../var/rnotwhite",
- "../data/var/dataPriv",
"../core/init"
-], function( jQuery, rnotwhite, dataPriv ) {
+], function( jQuery, rnotwhite ) {
var rclass = /[\t\r\n\f]/g;
@@ -100,60 +99,29 @@ jQuery.fn.extend( {
},
toggleClass: function( value, stateVal ) {
- var type = typeof value;
-
- if ( typeof stateVal === "boolean" && type === "string" ) {
- return stateVal ? this.addClass( value ) : this.removeClass( value );
- }
-
- if ( jQuery.isFunction( value ) ) {
- return this.each( function( i ) {
- jQuery( this ).toggleClass(
- value.call( this, i, getClass( this ), stateVal ),
- stateVal
- );
- } );
- }
-
- return this.each( function() {
- var className, i, self, classNames;
-
- if ( type === "string" ) {
-
- // Toggle individual class names
- i = 0;
- self = jQuery( this );
- classNames = value.match( rnotwhite ) || [];
-
- while ( ( className = classNames[ i++ ] ) ) {
-
- // Check each className given, space separated list
- if ( self.hasClass( className ) ) {
- self.removeClass( className );
- } else {
- self.addClass( className );
- }
- }
-
- // Toggle whole class name
- } else if ( value === undefined || type === "boolean" ) {
- className = getClass( this );
- if ( className ) {
+ var type = typeof value,
+ classNames = type === "string" ? value.match( rnotwhite ) : "",
+ checker = typeof stateVal === "boolean" ?
+ function() { return !stateVal; } :
+ jQuery.fn.hasClass;
+
+ return this.each( function( i ) {
+ var className,
+ self = jQuery( this ),
+ c = 0;
+
+ if ( type === "function" ) {
+ classNames = value.call( this, i, getClass( this ), stateVal )
+ .match( rnotwhite ) || [];
+ }
- // Store className if set
- dataPriv.set( this, "__className__", className );
- }
+ // Toggle individual class names based on presence or stateVal
+ while ( ( className = classNames[ c++ ] ) ) {
- // If the element has a class name or if we're passed `false`,
- // then remove the whole classname (if there was one, the above saved it).
- // Otherwise bring back whatever was previously saved (if anything),
- // falling back to the empty string if nothing was stored.
- if ( this.setAttribute ) {
- this.setAttribute( "class",
- className || value === false ?
- "" :
- dataPriv.get( this, "__className__" ) || ""
- );
+ if ( checker.call( self, className ) ) {
+ self.removeClass( className );
+ } else {
+ self.addClass( className );
}
}
} );
diff --git a/test/unit/attributes.js b/test/unit/attributes.js
index 44c0c5325..30131b08c 100644
--- a/test/unit/attributes.js
+++ b/test/unit/attributes.js
@@ -1221,7 +1221,7 @@ QUnit.test( "removeClass(undefined) is a no-op", function( assert ) {
} );
var testToggleClass = function( valueObj, assert ) {
- assert.expect( 17 );
+ assert.expect( 9 );
var e = jQuery( "#firstp" );
assert.ok( !e.is( ".test" ), "Assert class not present" );
@@ -1245,29 +1245,6 @@ var testToggleClass = function( valueObj, assert ) {
assert.ok( ( e.is( ".testA.testC" ) && !e.is( ".testB" ) ), "Assert 1 class added, 1 class removed, and 1 class kept" );
e.toggleClass( valueObj( "testA testC" ) );
assert.ok( ( !e.is( ".testA" ) && !e.is( ".testB" ) && !e.is( ".testC" ) ), "Assert no class present" );
-
- // toggleClass storage
- e.toggleClass( true );
- assert.ok( e[ 0 ].className === "", "Assert class is empty (data was empty)" );
- e.addClass( "testD testE" );
- assert.ok( e.is( ".testD.testE" ), "Assert class present" );
- e.toggleClass();
- assert.ok( !e.is( ".testD.testE" ), "Assert class not present" );
- assert.ok( jQuery._data( e[ 0 ], "__className__" ) === "testD testE", "Assert data was stored" );
- e.toggleClass();
- assert.ok( e.is( ".testD.testE" ), "Assert class present (restored from data)" );
- e.toggleClass( false );
- assert.ok( !e.is( ".testD.testE" ), "Assert class not present" );
- e.toggleClass( true );
- assert.ok( e.is( ".testD.testE" ), "Assert class present (restored from data)" );
- e.toggleClass();
- e.toggleClass( false );
- e.toggleClass();
- assert.ok( e.is( ".testD.testE" ), "Assert class present (restored from data)" );
-
- // Cleanup
- e.removeClass( "testD" );
- assert.expectJqData( this, e[ 0 ], "__className__" );
};
QUnit.test( "toggleClass(String|boolean|undefined[, boolean])", function( assert ) {