jQuery Lesson Series

edrar jag den första one.Let s CodeLike något annat programmeringsspråk vi börjar med en hallå världen exempel. Syftet med denna kod är att skriva /infoga en sträng "Hello World!" till ett HTML-element baserat på HTML-element ID Omdömen

$ ("# msgContainer") html ("Hello World!");..

Om du tittar på koden koden ser mycket liten. Denna kod motsvarar

var msgContainer = document.getElementById ("msgContainer"), om (msgContainer) {msgContainer = "Hello World!";}

Låter dissekera jQuery kod.

För en jQuery nybörjare denna kod ser weired och ful och framför allt meningslöst. Jag dissekera koden och förklara:

$ ("# msgContainer")

$ () är en multi-purpose funktion för att hämta DOM-element liksom för en del andra saker i jQuery, som kommer att behandlas i senare avsnitt i denna serie. I det här exemplet använder vi den här funktionen kommer att ge dig alla de element referenser vars ID är "msgContainer". Denna funktion kommer att ge element i form av en nodelist (liknande array) katalog

$ ("# msgContainer") html ("Hello World!");..

html () funktion med en Argumentet kommer att placera argumentet värde inom samlade elementet eller snarare html () är ekvivalent med innerhtml property.jQuery utnyttjar ett koncept som kallas kedjning hela tiden. Detta kan vara lite knepig sak för en person utan mycket JavaScript bakgrund. Jag kommer att förklara mer om jQuery kedja i min nästa artikel. Omdömen

Page << [1] [2]

jQuery Lesson Series - 1

jQuery Lesson Series - 2

web development

web development