Come usare AJAX jQuery per HTML5 e CSS3 Programming - dummies

Sebbene molte librerie AJAX / JavaScript eccezionali siano disponibili per i programmatori HTML5 e CSS3, jQuery è diventata rapidamente una delle più importanti. Ecco alcuni motivi per la popolarità di jQuery:

• È una potente libreria. Il sistema jQuery è incredibilmente potente. Può fare tutti i tipi di cose impressionanti per rendere più facile scrivere il tuo JavaScript.

• È leggero. È necessario includere un riferimento alla libreria in ogni file che ne ha bisogno. L'intera libreria jQuery si adatta a 55 K, che è più piccola di molti file di immagine. Non avrà un impatto significativo sulla velocità di download.

• Supporta un meccanismo di selezione flessibile. jQuery semplifica notevolmente e espande il documento. meccanismo getElementById che è centrale nella manipolazione del DOM.

• Ha un ottimo supporto per l'animazione. Puoi usare jQuery per far apparire e dissolvere, spostare e far scorrere elementi.

• Rende banali le query AJAX. Sarai scioccato dalla facilità con cui AJAX è con jQuery.

• Ha un meccanismo evento avanzato. JavaScript ha un supporto molto limitato per gli eventi. jQuery aggiunge uno strumento molto potente per aggiungere gestori di eventi a quasi tutti gli elementi.

• Fornisce supporto multipiattaforma. La libreria jQuery prova a gestire i problemi di compatibilità del browser per te, quindi non devi sottolineare così tanto esattamente quale browser viene utilizzato.

• Supporta i widget dell'interfaccia utente. jQuery viene fornito con una potente libreria di interfaccia utente, inclusi strumenti che HTML non ha, come controlli drag-and-drop, cursori e selettori di date.

• È altamente estendibile. jQuery ha una libreria plug-in che supporta tutti i tipi di funzioni opzionali, inclusi nuovi widget e strumenti come l'integrazione audio, gallerie di immagini, menu e molto altro.

• Introduce potenti nuove idee di programmazione. jQuery è un ottimo strumento per conoscere alcune idee davvero interessanti come la programmazione funzionale e gli oggetti concatenabili.

• È gratuito e open source. È disponibile con una licenza open source, il che significa che non costa nulla da usare, e puoi guardarlo e cambiarlo se lo desideri.

• È ragionevolmente tipico. Se scegli di utilizzare una diversa libreria AJAX, puoi comunque trasferire le idee apprese in jQuery.

Come installare jQuery

La libreria jQuery è facile da installare e utilizzare. Segui questi passi:

1. Vai a jquery. com.

2. Scarica la versione corrente.

   Attualmente, la versione più recente è 1.10. 2. Esiste una 2. serie X, ma queste versioni non supportano i browser più vecchi, quindi non verranno adottate fino a quando i browser più vecchi (in particolare IE 6 e meno) non saranno più utilizzati.

   Potrebbe essere possibile scegliere tra diverse versioni del file. La versione ridotta è consigliata per l'uso effettivo. Per rendere questo file il più piccolo possibile, è stato rimosso ogni carattere non necessario. Questo file è molto compatto ma difficile da leggere. Scarica la versione non ridimensionata se vuoi veramente leggere il codice, ma generalmente è meglio includere la versione ridotta nei tuoi programmi.

3. Salva il file risultante nella tua directory di lavoro.

   jQuery-1. 10. 2. min. js è il file corrente.

Per incorporare la libreria nelle tue pagine, collegala semplicemente come un file JavaScript esterno:

Assicurati di includere il codice precedente prima di scrivere o includere altro codice che faccia riferimento a jQuery.

Come importare jQuery da Google

Facile come aggiungere il supporto a jQuery, hai un altro ottimo modo per aggiungere il supporto jQuery (e altre librerie AJAX) alle tue pagine senza scaricare nulla. Google ha una versione pubblicamente disponibile di diverse librerie importanti (inclusa jQuery) che puoi scaricare dai suoi server.

Questo ha un paio di vantaggi interessanti:

• Non è necessario installare alcuna libreria. Tutti i file della libreria rimangono sul server di Google.

• La libreria viene automaticamente aggiornata. Hai sempre accesso alla versione più recente della libreria senza apportare modifiche al tuo codice.

• La libreria potrebbe caricarsi più velocemente. La prima volta che una delle tue pagine legge la libreria dai server di Google, devi attendere il download completo, ma poi la libreria viene memorizzata in una cache (una forma di memoria del browser) in modo che le richieste successive sono essenzialmente immediate.

Ecco come lo fai:

In sostanza, caricare jQuery da Google è un processo in due fasi:

1. Carica l'API di Google da Google.

   Utilizza il primo tag per fare riferimento al server API AJAX di Google. Questo ti dà accesso a Google. funzione load ().

2. Invoca google. load () per caricare jQuery.

   • Il primo parametro è il nome della libreria che si desidera caricare.

   • Il secondo parametro è il numero di versione. Se lasci questo parametro vuoto, ottieni l'ultima versione. Se specifichi un numero, Google ti fornisce l'ultima variante di quella versione.

Tieni presente che non è necessario installare alcun file localmente per utilizzare l'approccio di Google.

Tutte queste opzioni per la gestione di jQuery possono essere vertiginose. Usa qualsiasi tecnica che funzioni meglio per te.