Fem tips for å JQuery

JQuery er et populært bibliotek med Javascript-funksjoner utviklet for å gjøre en rekke Web programmeringsoppgaver enklere. Skriptene er laget for å kjøre på de mest populære nettleserne og kjøres på brukerens datamaskin. Kjøre skript på brukerens datamaskin reduserer behandlings etterspørsel plasseres på webserveren og forbedrer responstiden tilgjengelig når flere brukere tilgang til en side samtidig.

Reduser Server Båndbredde

En måte å redusere mengden av informasjon verten server trenger å overføre til brukerens datamaskin er å gjøre bruk av Googles innholdsdistribusjonsnettverk (CDN). I stedet for lasting og distribusjon av jQuery på vertsserver, kan du bruke en ekstern lenke for å spesifisere Google.com/jsapi som manuset bibliotek kilde:

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

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

Side brukere som besøker andre nettsteder som kan dra nytte av Google Code vanligvis har denne informasjonen lagret på datamaskinene sine allerede. Dette vil redusere lastetiden også.

Marker Eksterne lenker

Bruk jQuery til å automatisk lage et skille mellom eksterne lenker og lenker til andre sider på nettstedet ditt. Skriv en spørring uttalelse som ser for href = mywebsite i hvert ledd. Du kan deretter bruke en negativ avkastning å endre fargen eller utseendet på eksterne lenker:

$ ( "A: ikke ([href * = mywebsite])").? Føye ( "<span class = 'External'> </ span>;

Tilpass Bullets

Standard HTML bruker kun firkanter eller prikker som kulepunkter for sorterte lister. Bruk jQuery for å søke etter listeelementer og erstatte den eksisterende kulepunkt med en annen karakter eller GIF-fil:

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

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

Dette erstatter den nåværende kule stil med symbolet "+".

Overstyring Browser Standard skriftstørrelse

Nettlesere ikke alltid tolke skriftstørrelser jevnt for standard HTML delkodene. Når du vil være sikker på en del skiller seg ut i alle nettlesere, bruker jQuery til å lete etter en bestemt kode og manuelt definere en skriftstørrelse:

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

Nå legger du til følgende kode i stilarket:

p.Large {

font-size: 1.1em;

}

Dette angir skriftstørrelse 1.1em for enhver tekst innenfor <h2> koder.

Kjøre skript på bestemte nettlesere

Det er et trist faktum av livet for Internett-programmerere som ikke alle skript fungerer og spiller godt på alle nettlesere. Du kan velge hvilke skript kjøres basert på hvilken nettleser en besøkende bruker med en enkel jQuery:

if ($ Browser.msie) {

// Sted script her

}

Dette søket aktiverer et skript bare i Microsoft Internet Explorer.