jQuery è una libreria JavaScript, originariamente sviluppato da John Resig ed attualmente alla versione 3, che semplifica le funzionalità JavaScript attraverso metodi e funzioni proprie, attivate tramite l’oggetto jQuery (semplificato con il segno $ del dollaro) e l’uso dei selettori CSS (concatenabili), di cui rispetta la sintassi.
Gli oggetti
Sono costituiti dai selettori css, oltre a selettori propri.
Selettori multipli:
$(".miaClasse, #mioId, ul#mioMenu li");
//cerca una classe, un id e gli elementi di una specifica lista puntata
I metodi
Sono concatenabili:
$("#mioId").text("Nuovo testo").css("color","red");
//cambio il testo del link e il colore
Importazione della libreria
Per poter utilizzare jQuery è necessario importare la relativa libreria nella pagina web, tramite il tag script (figlio del tag head), nel quale va indicato, come valore del relativo attributo src, il link di download reso disponibile dal sito del progetto o da un CDN (ad es., quello di google)
<script src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
Dopo l’importazione della libreria, è possibile utilizzare il framework, inserendo il codice jQuery nella pagina mediante le diverse modalità già viste per JavaScript, ovvero:
1) Codice esterno, mediante il tag link;
2) Codice interno: mediante il tag script;
3) Codice inline: mediante suo inserimento come valore degli attributi evento.
Il tutto…
jQuery(document).ready(function($){
...codice jQuery
});
Inserimento del codice jQuery nelle pagine web
Vale quanto detto a proposito dell’inserimento del codice JavaScript.
Bibliografia
-
On line
-
Su carta
-
Video tutorial