confusion-fixed.js

// The previous code could be rewritten as the following
$( ".widget" ).css( "color", "green" );

confusion.js

// Indications of Confusion
$( ".widget" ).each( function() {
  $( this ).css( "color", "green" );
});

explicit-loops.js

// Explicit Loops
$( ".widget" ).each( function( index, element ) {
  $( element ).append( index );
});

implicit-loops.js

// Implicit Loops
$( ".widget" ).addClass( "highlight" );

slowness-fixed.js

// The previous code could be rewritten as the following
$( ".widget" ).css({ 
  "color": "green",
  "font-size": "16px"
});

slowness.js

// Performance Implications
$( ".widget" ).css( "color", "green" ).css( "font-size", "16px" );