jQuery: evidenziare la sezione corrente di un menu di navigazione

Con jQuery possiamo evidenziare la sezione corrente di un menu di navigazione.

Data la seguente struttura:

<nav>
	<ul>
		<li><a href="/">Home</a></li>
		<li><a href="/about/">About</a></li>
		<li><a href="/portfolio/">Portfolio</a></li>
	</ul>
</nav>

Possiamo scrivere:

(function( $ ) {
  $(function() {
    $( "nav a[href^='/" + location.pathname.split( "/" )[1] + "']" ).addClass( "active" );
  });
})( jQuery );