Sådan bruger du AJAX jQuery til HTML5 og CSS3 Programmering - dummier

Selv om mange udestående AJAX / JavaScript-biblioteker er tilgængelige for HTML5 og CSS3-programmører, er jQuery hurtigt blevet en af ​​de mest fremtrædende. Her er nogle grunde til populariteten af ​​jQuery:

• Det er et kraftfuldt bibliotek. jQuery-systemet er utrolig kraftfuldt. Det kan gøre alle slags imponerende ting for at gøre dit JavaScript lettere at skrive.

• Det er letvægts. Du skal inkludere en henvisning til dit bibliotek i hver fil, der har brug for det. Hele jQuery-biblioteket passer i 55K, hvilket er mindre end mange billedfiler. Det har ingen signifikant indflydelse på downloadhastigheden.

• Det understøtter en fleksibel udvælgelsesmekanisme. jQuery forenkler og udvider dokumentet meget. getElementById-mekanisme, der er central for DOM-manipulation.

• Den har stor animationssupport. Du kan bruge jQuery til at få elementer til at blive vist og falme, flytte og slide.

• Det gør AJAX-forespørgsler trivielle. Du bliver chokeret over, hvor nemt AJAX er med jQuery.

• Det har en forbedret hændelsesmekanisme. JavaScript har meget begrænset support til begivenheder. jQuery tilføjer et meget kraftfuldt værktøj til at tilføje event handlers til næsten ethvert element.

• Det giver understøttelse på tværs af platformen. JQuery-biblioteket forsøger at håndtere browserkompatibilitetsproblemer for dig, så du behøver ikke at stresse meget om præcis, hvilken browser der bruges.

• Det understøtter brugergrænsefladens widgets. jQuery leveres med et kraftfuldt brugergrænsefladebibliotek, herunder værktøjer, som HTML ikke har, som træk-og-slip-kontroller, skydere og datoplukkere.

• Det er meget udvideligt. jQuery har et plug-in-bibliotek, der understøtter alle mulige valgfrie funktioner, herunder nye widgets og værktøjer som lydintegration, billedgallerier, menuer og meget mere.

• Det introducerer kraftfulde nye programmeringsideer. jQuery er et godt værktøj til at lære om nogle virkelig interessante ideer som funktionel programmering og chainable objekter.

• Det er gratis og open source. Den er tilgængelig under en open source-licens, hvilket betyder, at det koster ingenting at bruge, og du kan se det over og ændre det, hvis du ønsker det.

• Det er rimeligt typisk. Hvis du vælger at bruge et andet AJAX-bibliotek, kan du stadig overføre de ideer, du har lært i jQuery.

Sådan installeres jQuery

JQuery-biblioteket er nemt at installere og bruge. Følg disse trin:

1. Gå til jquery. com.

2. Download den aktuelle version.

   I øjeblikket er den nyeste version 1.10. 2. Der er en 2. X-serie, men disse versioner understøtter ikke ældre browsere, så det vil ikke blive vedtaget, før de ældre browsere (især IE 6 og mindre) slet ikke længere bruges.

   Du kan muligvis vælge mellem en række versioner af filen. Den minimerede version anbefales til faktisk brug. For at gøre denne fil så lille som muligt blev alle unødvendige tegn fjernet. Denne fil er meget kompakt, men vanskelig at læse. Download den ikke-minimerede version, hvis du rent faktisk vil læse koden, men det er generelt bedre at inkludere den minimerede version i dine programmer.

3. Gem den resulterende fil til din arbejdskatalog.

   jQuery-1. 10. 2. min. js er den aktuelle fil.

For at inkorporere biblioteket på dine sider, skal du blot linke til det som en ekstern JavaScript-fil:

Sørg for at inkludere den foregående kode, før du skriver eller indgår anden kode, der henviser til jQuery.

Sådan importeres jQuery fra Google

Nem som det er at tilføje jQuery-support, du har endnu en god måde at tilføje jQuery (og andre AJAX bibliotek) support til dine sider uden at downloade noget. Google har en offentligt tilgængelig version af flere vigtige biblioteker (herunder jQuery), som du kan downloade fra sine servere.

Dette har et par interessante fordele:

• Du behøver ikke installere biblioteker. Alle biblioteksfiler forbliver på Google-serveren.

• Biblioteket opdateres automatisk. Du har altid adgang til den nyeste version af biblioteket uden at foretage ændringer i din kode.

• Biblioteket kan indlæses hurtigere. Første gang en af ​​dine sider læser biblioteket fra Googles servere, skal du vente på den fulde download, men derefter gemmes biblioteket i en cache (en form for browserhukommelse), så Efterfølgende anmodninger er i det væsentlige umiddelbare.

Sådan gør du det:

Faktisk er indlæsning af jQuery fra Google en to-trins proces:

1. Indlæs Google API'en fra Google.

   Brug det første tag til at henvise til Google AJAX API-serveren. Dette giver dig adgang til google. load () funktion.

2. Invoke google. load () for at indlæse jQuery.

   • Den første parameter er navnet på det bibliotek, du vil indlæse.

   • Den anden parameter er versionsnummeret. Hvis du forlader dette parameter blankt, får du den nyeste version. Hvis du angiver et nummer, giver Google dig den nyeste variant af den version.

Bemærk, at du ikke behøver at installere nogen filer lokalt for at bruge Googles tilgang.

Alle disse muligheder for at administrere jQuery kan være svimlende. Brug den teknik, der passer bedst til dig.