jquery-classes

A jQuery plugin to easily add, remove and toggle classes at once.

This plugin uses the UMD pattern and can be used in different environmens (AMD, CommonJS, browser globals).

Install

Bower

bower install jquery-classes

Download

• Production version (~450 bytes minified & gzipped)
• Development version

Getting started

In your web page:

<script src="jquery.js"></script>
<script src="dist/jquery-classes.min.js"></script>
<script>
jQuery(function($) {
  $(...).classes('...');
});
</script>

Usage

Get class names

$(...).classes(); // => gets all the classes for the first element in the collection

Add a class name

$(...).classes('+someclass'); // => adds a class to all elements in the collection

Remove a class name

$(...).classes('-someclass'); // => removes a class from all elements in the collection

Toggle a class name

$(...).classes('~someclass'); // => toggles a class for all elements in the collection

Multiple actions on classes

$(...).classes('+state-open +state-active ~visible -list-item +list-item-active');

Contributing

Any feedback or pull requests are welcome.

See CONTRIBUTING.md file for more information.

License and Author

MIT © 2014 Radko Dinev

See LICENSE file.