Per evidenziare un link che punta alla pagina corrente occorre conoscere l'URL di quella pagina. In JavaScript tutte le informazioni sugli URL sono contenute nell'oggetto BOM location. Usando jQuery e i selettori di attributo possiamo quindi aggiungere una classe CSS a quel link. Vediamo come.
Il codice è molto semplice:
$(function() {
var url = window.location;
$('a[href="'+url+'"]').addClass('active');
});
In pratica il selettore di attributo è stato costruito dinamicamente usando la stringa dell'URL all'interno dell'attributo href.