JQuery: connessione a una pagina web

Sommario:

JQuery: connessione a una pagina web
JQuery: connessione a una pagina web
Anonim

jQuery è una libreria Javascript che si concentra sul modo in cui le tecnologie HTML, JavaScript e CSS interagiscono.

Cosa può fare jQuery

La libreria può funzionare con il seguente elenco di attività:

  • può accedere a qualsiasi elemento del modello a oggetti della pagina (DOM) ed eseguire manipolazioni complesse con esso;
  • gestione degli eventi supportata;
  • ci sono funzionalità per vari effetti grafici e animazioni;
  • lavoro semplificato con la tecnologia di caricamento dinamico AJAX (una caratteristica molto importante ed estremamente utile, ma non per questo ora);
  • jQuery ha un numero enorme di plugin propri, la cui funzione principale è implementare interfacce grafiche utente e l'interazione dell'utente con esse.

Versioni compresse e non compresse della libreria

Gli sviluppatori hanno diverse opzioni per lo script: una è compressa, l' altra no. La versione completa è molto comoda da usare nella fase di codifica e debug (test) delle applicazioni web. La versione ridotta, invece, avrà pochi vantaggi utili durante il debug, ma si carica molto più velocemente e occupa meno spazio. Quindi una versione compressa di jQuery è appropriatautilizzare già nel progetto finito, perché consente di risparmiare traffico sul server e spazio su disco.

connessione jquery
connessione jquery

Come scegliere la versione giusta di jQuery

Oggi ci sono diversi mainstream in jQuery: i rami 1.x, 2.x e 3.x. La loro sorprendente differenza è che, a partire dalla seconda versione, è stato interrotto qualsiasi supporto per browser obsoleti, come il browser di Microsoft Corporation - Internet Explorer, fino all'ottava versione inclusa.

Questa decisione ha permesso di ridurre del dieci percento il volume fisico dei dati nella libreria e di ottimizzarne leggermente il lavoro. Tuttavia, ci sono ancora computer domestici e aziendali nel mondo in cui il vecchio Internet Explorer è installato come browser principale, sebbene la percentuale di questi utenti non superi il 3% in tutto il mondo. Pertanto, sta a te supportare o meno la piattaforma obsoleta.

Gli sviluppatori di jQuery aderiscono ai principi della compatibilità con le versioni precedenti. Ciò significa che il codice scritto per la versione 1.7 della libreria funzionerà anche con la versione 1.8. Ma a volte la società di sviluppo rimuove da jQuery funzioni che non sono utili, quindi è meglio rileggere la documentazione per la nuova versione se si intende eseguire l'aggiornamento.

Nel 2016 è stato rilasciato un nuovo ramo di jQuery. Era la versione 3.0, che divenne ancora più veloce e leggera delle vecchie versioni. Gli hack sono stati finalmente rimossi per implementare alcune funzioni in browser obsoleti, il che ha permesso di posizionare la libreria come uno strumento di sviluppo moderno e potente.

Se il tuoil progetto è già vincolato ad alcune librerie, quindi stima prima il costo della manodopera per l'aggiornamento. Se il vantaggio della nuova versione vale la pena, sentiti libero di iniziare a lavorare. Per tutti gli sviluppatori che stanno appena iniziando a utilizzare lo strumento nei loro progetti, è consigliabile iniziare direttamente con le ultime versioni.

Come iniziare con jQuery

Il primo passo è connettere jQuery. Per fare ciò, devi scaricare direttamente la libreria dalla risorsa per sviluppatori jquery.com o da un mirror e posizionare la libreria sul tuo server web.

Ora eseguiamo la vera connessione jQuery alla pagina web. La connessione di vari script nel linguaggio di marcatura dell'ipertesto è gestita dal tag script. Collega jQuery con il seguente codice:

connessione jquery
connessione jquery

Questa opzione è utile per la connessione offline, ma ci sono molti altri modi per utilizzare il server.

Connetti jQuery utilizzando i servizi cloud

Google fornisce il servizio Hosted Libraries, tramite il quale chiunque può connettere un framework o una libreria popolare alla propria applicazione web. Per connettere jQuery tramite Google Cloud Storage, utilizza la stringa che corrisponde alla versione selezionata nel seguente schema:

come includere la libreria jquery
come includere la libreria jquery

I numeri nella colonna delle versioni corrispondono al numero di versione disponibile per l'installazione e per il successivo utilizzo. Per collegare una qualsiasi delle versioni intermedie, basta copiarlanumero numerico nella stringa di connessione invece dei numeri specificati nell'esempio.

Puoi sempre visualizzare l'elenco delle versioni correnti su:

developers.google.com/speed/libraries/jquery

Se non ti fidi di Google per qualsiasi motivo, ma vuoi comunque sapere come ottenere la libreria jQuery da un server affidabile di terze parti, usa il repository di Microsoft.

include la libreria jquery
include la libreria jquery

jQuery è uno dei migliori strumenti per creare facilmente animazioni su pagine web. Una volta che ti rendi conto della potenza di questo strumento, sarai molto felice di aver iniziato a imparare una tale libreria.

Gli scettici tra studenti e sviluppatori ritengono che sia meglio implementare tutto utilizzando un linguaggio di programmazione puro, senza utilizzare librerie di terze parti. Ma devi capire che il file jQuery è di soli trentadue kilobyte e molto probabilmente è già nella cache del browser del tuo utente se includi lo script tramite Google. Quindi non aver paura di imparare strumenti che rendono la vita più facile per uno sviluppatore. Dopotutto, per questo includiamo la libreria jQuery, per non reinventare la ruota.

Consigliato: