jQuery Once

Act on jQuery elements only once.

Filters out all elements that had the same filter applied on them before. It can be used to ensure that a function is only applied once to an element.

Install

Method | Installation ------ | ------------ npm | npm install jquery-once --save Composer | composer require robloach/jquery-once Bower | bower install jquery-once Component | component install RobLoach/jquery-once jsDelivr | //cdn.jsdelivr.net/npm/[email protected]/jquery.once.min.js cdnjs | //cdnjs.cloudflare.com/ajax/libs/jquery-once/2.3.0/jquery.once.js

Usage

See the API documentation for more information on how to use jQuery Once.

// The following will change the color of each paragraph to red, just once
// for the "changecolor" key.
$('p').once('changecolor').css('color', 'red');

// .once() will return a set of elements that yet to have the once ID
// associated with them. You can return to the original collection set by
// using .end().
$('p')
  .once("changecolorblue")
    .css("color", "blue")
  .end()
  .css("color", "red");

// To execute a function on the once set, you can use jQuery's each().
$('div.calendar').once().each(function() {
  // Since there is no once ID provided here, the key will be "once".
});

Development

1. Ensure you are using node >= 4:

node --version

2. Install dependencies through npm:

npm install

3. Check coding style standard, and automated testing:

npm test

4. Build jquery.once.min.js with:

npm run build

5. Update API documentation:

npm run docs

6. Tag and publish the new versions to npm with Semantic Versioning:

git add -A
git commit -m "2.3.0"
git tag 2.3.0
git push origin 2.3.0
npm publish

Change Log

Discover the change history by heading on over to the CHANGELOG.md file.

License

Dual licensed under:

• GPL-2.0
• the incredibly permissive MIT license

Copyright © Rob Loach