CSS Classes API

cls.has()

Validates whether the passed CSS classes are applied to the matched DOM elements.

  • Accepts arguments as strings and arrays of strings.
    You can pass CSS classes as individual arguments, as an array, or as a string separated by commas or spaces.
    Each value is seen as a new argument.
  • Returns true if all matched DOM elements contain all passed CSS classes, otherwise, returns false.
Example:
// <div>0</div>
// <div class="book">1</div>
// <div class="book cat">2</div>
// <div class="book cat">3</div>

$('div').cls.has('book');
// false

$('div ? 1').cls.has('book');
// true

$('div ? 1, 2').cls.has('book');
// true

$('div ? 1, 2').cls.has('cat');
// false

$('div ? 2, 3').cls.has('book', 'cat');
// true

$('div ? 2').cls.has(['book', 'cat']);
$('div ? 2').cls.has('book, cat');
$('div ? 2').cls.has('book cat');
// true

$('div ? 2').cls.has('book', 'abc');
// false