jQuery detach, work, reattach

gistfile1.js

(function($) {
  $.fn.dwr = function(fn){
    return this.each(function() {
      var $this = $(this);
      var tmpElement = $('<div/>');
      $(this).after(tmpElement);
      $this.detach();
      fn.call(this);
      tmpElement.replaceWith($this);
    });
  };
})(jQuery);

// makes element detach / work on / reattach easier.
// detaching an element, doing your work, and then reattaching
// provides significant performance benefits.

// ~ 250ms
// $('#main').dwr(function(){
//   var $this = $(this);
//   for(i=0;i<10000;i++){
//     $this.toggleClass('foo');
//   }
// });

// ~ 900ms
// var main = $('#main');
// for(i=0;i<10000;i++){
//   main.toggleClass('foo');
// }