Denna session är avsedd för tre typer av läsare. Den första är någon som har läst inledande material på jQuery och letar efter nästa logiska steg. Den andra typen av läsare är en JavaScript-utvecklare, redan känd i ett annat bibliotek, och försöker nu snabbt lära sig jQuery. Den tredje läsaren är jag, författaren. Jag skapade dessa artiklar för att användas som min egen personliga referenspunkt för jQuery-koncept. Det här är exakt vilken typ av resurs jag önskar varje JavaScript-bibliotek hade tillgängligt.
Innan du börjar är det viktigt att förstå de olika stilistiska nyanser som användes under hela denna session. Hoppa inte över det här avsnittet eftersom det innehåller information som hjälper dig när du läser.
Termen "jQuery-funktion" avser jQuery-konstruktörfunktionen (jQuery ()
eller alias ($)
) som används för att skapa en förekomst av jQuery-objektet.
Termen "wrapper set" avser DOM-element som är inslagna i jQuery-metoder. Specifikt används denna term för att referera till de valda elementen med jQuery-funktionen. Du kanske har hört det här kallas en "jQuery-samling". I denna session använder jag termen "wrapper set" istället för "jQuery collection".
Denna session är organiserad i artiklar som löst bygger på arrangemanget av jQuery API-dokumentationen. Varje artikel innehåller isolerade jQuery-begrepp som är relevanta för titeln.
Denna session är avsiktligt skriven med avsikt att läsaren kommer att undersöka kodexemplen noggrant. Texten ska ses som sekundär till själva koden. Jag anser att ett kodexempel faktiskt är värt tusen ord. Oroa dig inte om du först och främst hittar förklaringarna i artiklarna att vara förvirrande. Undersök koden. Tinker med den. Läs om koden kommentarer. Upprepa denna process tills materialet blir klart. Det här är den kompetensnivå som jag hoppas du uppnår, där dokumenterad kod är allt som behövs för att du ska kunna förstå nya utvecklingsbegrepp.
varna()
för kodexempel?Tro mig, jag hatar varna()
Metod så mycket som du gör. Men som det eller inte, fungerar det tillförlitligt i varje webbläsare. Att låna en linje från Dr. Seuss: Det fungerar "Här, där och överallt!" Det är inte nödvändigtvis idealiskt, men jag ville inte ha den komplicerade komplexiteten av trösta
lösningar som negativt påverkar kod klarhet. Det är mitt mål att skära bort vilken kod som helst som inte direkt stöder de begrepp som lärs ut.
Kodsexemplen i denna serie gör stor användning av jQuery text()
metod. Du måste vara medveten om att text()
Metoden, när den används på en omslagssats som innehåller mer än ett element, kommer faktiskt att kombinera och returnera en textsträng som finns i alla delar av omslagssatsen. Det här kan vara förvirrande om du förväntade dig att den bara returnerade texten i det första inslaget i omslagssatsen. Nedan är ett exempel på hur text()
Metoden sammanfogar strängarna som finns i elementen i en omslagssats.
jag kärlek jQuery !
Denna session bygger starkt på kodexempel för att uttrycka jQuery-koncept. Kodproverna finns tillgängliga på https://bitbucket.org/syncfusion/jquery-succinctly.
Kodprover tillhandahålls som enskilda HTML-filer. Ett Visual Studio 2010-projekt tillhandahålls också för enkel navigering. Du kan välja vilken fil som helst, högerklicka och välj Visa i webbläsare möjlighet att testa koden.
Jag uppmuntrar dig att ladda ner koden och följa med. Jag författade den här sessionen med att du måste tinker med koden medan du läser och lär dig.