Come modificare il colore dei collegamenti al volo in jQuery

August 12

Come modificare il colore dei collegamenti al volo in jQuery


Una delle caratteristiche più importanti della libreria jQuery JavaScript è la possibilità di modificare gli stili degli elementi della pagina, senza dover ricaricare tutte le risorse. Usando una combinazione di JavaScript e AJAX, è possibile modificare i parametri singoli o multipli CSS di qualsiasi oggetto nella pagina che ha un valore ID, o modificare l'aspetto di ogni istanza di un certo tipo di oggetto, compreso il cambiamento del colore dei collegamenti, tramite un'interazione con loro che si specifica.

istruzione

1 Aprire la pagina Web con i collegamenti che hanno il colore che si desidera modificare.

2 Inserire il seguente appena prima che il tag body di chiusura:

<Script>

$ ( "A"). Mouseover (function () {

$(this).css("color","red");

});

</ Script>

3 Salvare e pubblicare il documento. I suoi collegamenti saranno ora diventa rosso quando si passa sopra con il mouse.

Consigli e avvertenze

  • jQuery non limita i cambiamenti di stile CSS per mouse su eventi di questo tipo. È inoltre possibile attivare le chiamate con clic del mouse, o avere l'interazione con un oggetto innescare un cambiamento in un altro. Consultare l'API jQuery per ulteriori dettagli.