JQuery è una libreria popolare delle funzioni JavaScript progettati per rendere una varietà di compiti di programmazione Web più facile. Gli script sono progettati per funzionare su browser più popolari e vengono eseguiti sul computer dell'utente. L'esecuzione di script sul computer dell'utente riduce la domanda di trasformazione posta sul server Web e migliora il tempo di risposta disponibile quando più utenti accedono a una pagina contemporaneamente.

Ridurre Server Bandwidth

Un modo per ridurre la quantità di informazioni che il server host deve trasmettere al computer dell'utente è di fare uso della rete di distribuzione di contenuti di Google (CDN). Invece di caricamento e distribuzione di jQuery sul server host, usare un link esterno per specificare Google.com/jsapi come sorgente libreria di script:

<Script SCR = http: //ajax.googleapis.com/ajax/libs/jquery/1.2.6/hquery.min.js

type = "text / javascript"> </ script>

Gli utenti del sito che visitano altri siti che sfruttano Google Code di solito hanno queste informazioni memorizzate nella cache sui loro computer già. Ciò consentirà di ridurre il tempo di caricamento della pagina pure.

Evidenziare Collegamenti esterni

Utilizzare jQuery per fare automaticamente una distinzione tra collegamenti esterni e collegamenti ad altre pagine del tuo sito web. Scrivere una dichiarazione query che cerca href = MyWebSite in ogni link. È quindi possibile utilizzare un rendimento negativo per cambiare il colore o l'aspetto dei link esterni:

$ ( "Una: non ([href = * MyWebSite])").? Aggiungere ( "<span class = 'esterno'> </ span>;

personalizzare Bullets

HTML standard utilizza solo piazze o punti come punti elenco di liste non ordinate. Utilizzare jQuery per la ricerca di voci di elenco e sostituire il punto di proiettile esistente con un altro personaggio o .gif:

$ ( "Ul") .addClass ( "sostituito");

$ ( "Ul> li") .prepend ( "+");

Questo sostituisce lo stile di punto corrente con il simbolo "+".

Ignora Browser di default Dimensione carattere

I browser non sempre interpretano le dimensioni dei caratteri in maniera uniforme per i tag HTML sezione di default. Quando si vuole fare in modo una sezione spicca su qualsiasi browser, utilizzare jQuery per cercare un tag specifico e definire manualmente una dimensione di carattere:

$ ( "H2 + p") addClass ( "Large").;

Ora, aggiungere il seguente codice nel foglio di stile:

p.Large {

font-size: 1.1em;

}

Questa specifica una dimensione del carattere di 1.1em per qualsiasi testo all'interno dei tag <h2>.

Script eseguito solo su browser specifici

E 'un fatto triste della vita per i programmatori Internet che non tutti gli script lavorano e giocano bene su tutti i browser. È possibile selezionare quali script vengono eseguiti sulla base di quale browser un visitatore sta usando con un semplice jQuery:

if ($ Browser.msie) {

// Posto lo script qui

}

Questa query attiva uno script solo in Microsoft Internet Explorer.