title: Remove multiple classes from multiple elements with jquery
body: <p>This $ code and and the animate.css linked in jsfiddle link adds animation effects to the boxes or images.</p>
  
  <pre><code>$('.box1').addClass('animated bounceInUp');
  </code></pre>
  
  <p>adds animated class and effect class.</p>
  
  <pre><code>$('.box1').removeClass('animated bounceInUp');
  </code></pre>
  
  <p>removes the classes.</p>
  
  <p>The problem here is I'm planning to use not less than 100 boxes/images, so there should be a way to add/remove all animated and effect classes at the same time.</p>
  
  <p>This is the code that i'm currently using and the jsFiddle:</p>
  
  <p><a href="http://jsfiddle.net/derenderen/rUHpf/" rel="nofollow">jsfiddle</a></p>
  
  <pre><code> $(document).ready(function () {
          $('.box1').addClass('animated bounceInUp');
          $('.box2').addClass('animated bounceInLeft');
          $('.box3').addClass('animated flipInX');
          //
          var wait = window.setTimeout(function () {
              $('#boxes *').removeClass('animated');
          }, 3300);
  
      });
  </code></pre>
  
  <p>However this only removes animated classes from the elements (all effect are different) so you can't add new effect classes. I couldnt figure out what to add with animated in '.removeClass('animated')'. 
  Thanks in advance.</p>