*   >> Læs Uddannelse artikler >> tech >> web development

jQuery Lektion Series - 1

se kilden er mindre i forhold til den fil, der indgår i den anden metode. Jeg personligt foretrækker den første one.Let s CodeLike ethvert andet programmeringssprog, vi vil starte med en hello verden eksempel. Formålet med denne kode er at skrive /indsætte en streng "Hello World!" til et HTML-element baseret på HTML-element-id

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

Hvis du ser på koden koden ser meget lille. Denne kode svarer til:

 var msgContainer = document.

getElementById ("msgContainer") if (msgContainer) {msgContainer = "Hej Verden!"}

Giver dissekere jQuery kode. For en nybegynder jQuery denne kode ser weired og grimme og vigtigere meningsløst. Jeg vil dissekere koden og forklare:

 $ ("# msgContainer") 

$ () er en multi-purpose-funktion til at hente de DOM elementer såvel som for nogle andre ting i jQuery, som vil blive dækket i de senere afsnit i denne serie. I dette eksempel bruger vi denne funktion vil give dig alle de elementer referencer, hvis ID er "msgContainer".

Denne funktion vil give elementet i form af et nodelist (svarende til array)

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

html () funktionen med en argument vil sætte argumentet værdi inden for det samlede element eller snarere html () svarer til innerHTML property.jQuery gør brug af et begreb kaldet kæde hele tiden. Dette kan være lidt tricky ting for en person uden megen JavaScript baggrund. Jeg vil forklare mere om jQuery kæde i min næste artikel.

Page   <<  [1] [2] 
Copyright © 2008 - 2016 Læs Uddannelse artikler,https://uddannelse.nmjjxx.com All rights reserved.