jquery.once.js

https://github.com/RobLoach/jquery-once

by peterbenoit

HTML

<script src="http://www.consumer.ftc.gov/misc/jquery.once.js?v=1.2"></script>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est perferendis deleniti maxime ratione rerum modi soluta sed corporis aliquid debitis autem at? Tenetur ipsa porro suscipit necessitatibus deleniti nisi quis.</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est perferendis deleniti maxime ratione rerum modi soluta sed corporis aliquid debitis autem at? Tenetur ipsa porro suscipit necessitatibus deleniti nisi quis.</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est perferendis deleniti maxime ratione rerum modi soluta sed corporis aliquid debitis autem at? Tenetur ipsa porro suscipit necessitatibus deleniti nisi quis.</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est perferendis deleniti maxime ratione rerum modi soluta sed corporis aliquid debitis autem at? Tenetur ipsa porro suscipit necessitatibus deleniti nisi quis.</p>

JavaScript

// will make green
$('p').once('greenify', function() {
    $(this).css('color', 'green');
});

// will make blue
$('p').once('blueify', function() {
    $(this).css('color', 'blue');
});

// will make red
$('p').once(function() {
    $(this).css('color', 'red');
});

// will not change to dark green
$('p').once('greenify', function() {
    $(this).css('color', 'darkgreen');
});

// will make purple, but wasn't expecting it to
$('p').once(function() {
    $(this).css('color', 'purple');
});