jQuery Succinctly jQuery Introduksjon

Denne sesjonen er beregnet for tre typer lesere. Den første er noen som har lest innledende materiale på jQuery og leter etter det neste logiske trinnet. Den andre typen leser er en JavaScript-utvikler, allerede kjent i et annet bibliotek, og prøver nå raskt å lære jQuery. Den tredje leseren er jeg, forfatteren. Jeg laget disse artiklene for å bli brukt som mitt eget personlige referansepunkt for jQuery-konsepter. Dette er akkurat den typen ressurs jeg ønsket at hvert JavaScript-bibliotek hadde tilgjengelig.

Før du begynner, er det viktig å forstå de ulike stilistiske nyansene som brukes i hele denne sesjonen. Ikke hopp over denne delen fordi den inneholder informasjon som vil hjelpe deg når du leser.


jQuery-semantikk

Begrepet "jQuery-funksjon" refererer til jQuery-konstruktørfunksjonen (jQuery () eller alias $ ()) som brukes til å opprette en forekomst av jQuery-objektet.

Begrepet "wrapper set" refererer til DOM elementer som er pakket inn i jQuery metoder. Spesielt er dette begrepet referert til elementene som er valgt ved hjelp av jQuery-funksjonen. Du har kanskje hørt dette omtalt som en "jQuery-samling". I denne sesjonen bruker jeg begrepet "wrapper set" i stedet for "jQuery samling."


Hvordan denne sesjonen er strukturert

Denne sesjonen er organisert i artikler løst basert på arrangementet av jQuery API-dokumentasjonen. Hver artikkel inneholder isolerte jQuery-konsepter som er relevante for det er tittelen.


Mer kode, mindre ord

Denne sesjonen er med hensikt skrevet med den hensikt at leseren vil undersøke kodeeksemplene nøye. Teksten skal ses som sekundær til selve koden. Det er min mening at et kodeksempel faktisk er verdt tusen ord. Ikke bekymre deg hvis du først finner forklaringene i artiklene å være forvirrende. Undersøk koden. Tinker med den. Les koden kommentarer igjen. Gjenta denne prosessen til materialet blir klart. Dette er nivået på kompetanse jeg håper du oppnår, hvor dokumentert kode er alt som er nødvendig for å forstå nye utviklingsbegreper.


Hvorfor Oh Hvorfor brukte jeg varsling() for kodeeksempler?

Tro meg, jeg hater varsling() Metode så mye som du gjør. Men som det eller ikke, fungerer det pålitelig i alle nettlesere. Å låne en linje fra Dr. Seuss: Det virker "Her, der og overalt!" Det er ikke nødvendigvis ideelt, men jeg ville ikke ha den ekstra kompleksiteten av konsoll løsninger som påvirker kodeklarheten negativt. Det er mitt mål å kutte bort en kode overhead som ikke direkte støtter konseptene som blir undervist.


Helt grok jQuery-tekst () før du leser denne sesjonen

Kodeksemplene i denne serien gjør stor bruk av jQuery tekst() metode. Du må være oppmerksom på at tekst() Metoden, når den brukes på et innpakningssett som inneholder mer enn ett element, vil faktisk kombinere og returnere en tekststreng som finnes i alle elementer i innpakningssettet. Dette kan være forvirrende hvis du forventer at du bare returnerer teksten i det første elementet i wrapper-settet. Nedenfor er et eksempel på hvordan tekst() Metoden sammenkompilerer strengene som finnes i elementene i et innpakningssett.

    Jeg kjærlighet jQuery !    

Kodeeksempler

Denne sesjonen er avhengig av kodeeksempler for å uttrykke jQuery-konsepter. Kodeprøvene er tilgjengelige på https://bitbucket.org/syncfusion/jquery-succinctly.

Kodeprøver leveres som individuelle HTML-filer. Et Visual Studio 2010-prosjekt er også gitt for enkel navigering. Du kan velge hvilken som helst fil, høyreklikk og velg Vis i nettleser mulighet til å teste koden.


Jeg oppfordrer deg til å laste ned koden og følge med. Jeg forfattet denne økten med å telle på at du må tinker med koden mens du leser og lærer.