Resaltar enlace actual

[quico5]

Tengo el siguiente código, pero no se aplica

...jQuery...
<script type="text/javascript">
var url = document.URL;
$(document).ready( function() {
$('a[href="'+url+'"]').addClass('actual');
}
</script>
<style type="text/css">
.actual {
color:red;
}
</style>

si aplico manualmente la clase entonces funciona, ¿qué hago mal? gracias

[rottenp4nx]

Te falta el evento, el this hace referencia al elemento actual

Código Javascript:

<script type="text/javascript">
var url = document.URL;
$(document).ready( function() {
$('a[href="'+url+'"]').hover(mouseIn,MouseOut);
}
 
function mouseIn(){
  $(this).addClass("actual");
}
 
function mouseOut(){
  $(this).removeClass("actual");
}
</script>
<style type="text/css">
.actual {
color:red;
}
</style>
 

Te dejo un link para que visites

http://api.jquery.com/category/events/

saludos

[quico5]

gracias, pero...

a:hover? no me refiero a si el ratón esta o no sobre el enlace, me refiero que al cargarse la pagina, si por ejemplo estamos en index.html se muestre diferente el enlace <a href="index.html class="actual">...</a> recordando asi en que lugar de la web estamos con solo ver el menu de navegacion