Cos'è jQuery?

jQuery è una libreria JavaScript veloce, piccola e ricca di funzionalità inclusa in un singolo file .js.

jQuery semplifica la vita di uno sviluppatore web. Fornisce molte funzioni integrate con le quali è possibile eseguire vari compiti in modo semplice e veloce.

jQuery logo

jQuery caratteristiche importanti

  • Selezione DOM: jQuery fornisce i Selettori per recuperare l'elemento DOM in base a diversi criteri come nome del tag, id, nome della classe css, nome dell'attributo, valore, ecc.
  • Manipolazione DOM: puoi manipolare gli elementi DOM usando varie funzioni jQuery integrate. Per esempio, aggiungere o rimuovere elementi, modificare il contenuto html, classe css ecc.
  • Effetti speciali: puoi applicare effetti speciali agli elementi DOM come mostrare o nascondere elementi, fare fade-in o fade-out, creare un'animazione ecc.
  • Eventi: la libreria jQuery include funzioni equivalenti agli eventi DOM come click, dblclick, mouseenter, mouseleave, blur, keyup, keydown ecc. Queste funzioni gestiscono automaticamente i problemi cross-browser.
  • Ajax: jQuery include anche funzioni AJAX facili da usare per caricare i dati dai server senza ricaricare l'intera pagina.
  • Supporto cross-browser: la libreria jQuery gestisce automaticamente i problemi cross-browser. jQuery supporta IE 6.0+, FF 2.0+, Safari 3.0+, Chrome e Opera 9.0+.

Puoi scaricare jQuery direttamente dal sito jquery.com 👈

Puoi scaricare versioni compresse o non compresse della libreria jQuery. La versione compressa minimizza la libreria eliminando lo spazio bianco in eccesso ed accorciando i nomi delle variabili e delle funzioni. La libreria non compressa è un file leggibile che è utile durante il debug.

Ricorda che jQuery è una libreria ma alla fine è un file JavaScript, quindi puoi includerla come un normale file JavaScript usando il tag <script> come segue.

<!DOCTYPE html>
<html>
<head>
  <script src="~/script/jquery-3.5.1.js"></script>  
</head>
<body>
</body>
</html>

Puoi anche fare riferimento alla libreria jQuery da CDN pubblica (rete di distribuzione di contenuti) come Google, Microsoft, CDNJS, jsDelivr ecc.

<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>  
</head>
<body>
</body>
</html>

jQuery fornisce la documentazione online delle API. Clicca su Documentazione API su jquery.com o vai su api.jquery.com.