Skip to content

Latest commit

 

History

History
54 lines (46 loc) · 1.32 KB

no-class.md

File metadata and controls

54 lines (46 loc) · 1.32 KB

no-class

Disallows the .addClass/.hasClass/.removeClass/.toggleClass methods. Prefer Element#classList.

📋 This rule is enabled in plugin:no-jquery/all.

Rule details

❌ Examples of incorrect code:

$( 'div' ).addClass();
$div.addClass();
$( 'div' ).first().addClass();
$( 'div' ).append( $( 'input' ).addClass() );
$( 'div' ).hasClass();
$div.hasClass();
$( 'div' ).first().hasClass();
$( 'div' ).append( $( 'input' ).hasClass() );
$( 'div' ).removeClass();
$div.removeClass();
$( 'div' ).first().removeClass();
$( 'div' ).append( $( 'input' ).removeClass() );
$( 'div' ).toggleClass();
$div.toggleClass();
$( 'div' ).first().toggleClass();
$( 'div' ).append( $( 'input' ).toggleClass() );

✔️ Examples of correct code:

addClass();
[].addClass();
div.addClass();
div.addClass;
hasClass();
[].hasClass();
div.hasClass();
div.hasClass;
removeClass();
[].removeClass();
div.removeClass();
div.removeClass;
toggleClass();
[].toggleClass();
div.toggleClass();
div.toggleClass;

Resources