classie.js (1835B)
1 /*! 2 * classie - class helper functions 3 * from bonzo https://github.com/ded/bonzo 4 * 5 * classie.has( elem, 'my-class' ) -> true/false 6 * classie.add( elem, 'my-new-class' ) 7 * classie.remove( elem, 'my-unwanted-class' ) 8 * classie.toggle( elem, 'my-class' ) 9 */ 10 11 /*jshint browser: true, strict: true, undef: true */ 12 /*global define: false */ 13 14 ( function( window ) { 15 16 'use strict'; 17 18 // class helper functions from bonzo https://github.com/ded/bonzo 19 20 function classReg( className ) { 21 return new RegExp("(^|\\s+)" + className + "(\\s+|$)"); 22 } 23 24 // classList support for class management 25 // altho to be fair, the api sucks because it won't accept multiple classes at once 26 var hasClass, addClass, removeClass; 27 28 if ( 'classList' in document.documentElement ) { 29 hasClass = function( elem, c ) { 30 return elem.classList.contains( c ); 31 }; 32 addClass = function( elem, c ) { 33 elem.classList.add( c ); 34 }; 35 removeClass = function( elem, c ) { 36 elem.classList.remove( c ); 37 }; 38 } 39 else { 40 hasClass = function( elem, c ) { 41 return classReg( c ).test( elem.className ); 42 }; 43 addClass = function( elem, c ) { 44 if ( !hasClass( elem, c ) ) { 45 elem.className = elem.className + ' ' + c; 46 } 47 }; 48 removeClass = function( elem, c ) { 49 elem.className = elem.className.replace( classReg( c ), ' ' ); 50 }; 51 } 52 53 function toggleClass( elem, c ) { 54 var fn = hasClass( elem, c ) ? removeClass : addClass; 55 fn( elem, c ); 56 } 57 58 var classie = { 59 // full names 60 hasClass: hasClass, 61 addClass: addClass, 62 removeClass: removeClass, 63 toggleClass: toggleClass, 64 // short names 65 has: hasClass, 66 add: addClass, 67 remove: removeClass, 68 toggle: toggleClass 69 }; 70 71 // transport 72 if ( typeof define === 'function' && define.amd ) { 73 // AMD 74 define( classie ); 75 } else { 76 // browser global 77 window.classie = classie; 78 } 79 80 })( window );