Sekvenčné efekty v jQuery

JQuery je rámec , event - driven pre písanie na interaktívne webové programovací jazyk JavaScript . Jeho cieľom je zjednodušiť proces písania kódu pre prehliadač vykonať . Namiesto toho , aby vykonávanie kódu postupne , ako by tomu bolo typické , jQuery umožňuje programátorovi písať kód , ktorý reaguje na udalosti , ktoré sa dejú v prehliadači , ako je napríklad užívateľ klikne na odkaz . V predvolenom nastavení , jQuery vykonáva každé vyhlásenie súvisiace s udalosťou súčasne . Avšak , jQuery robí poskytnúť mechanizmus pre prepísanie predvolené a písania kódu , ktorý beží postupne . Javascript

JavaScript je programovací jazyk , open - source . Je súčasťou každej modernej webový prehliadač . Ako interpretovať ( v porovnaní s zostavil ) jazyky ísť , JavaScript je extrémne rýchly . Mnoho veľkých spoločností záujem na rozvoji JavaScript ako jazyk . Ako už bolo povedané , JavaScript má povesť pre bytie trochu ťažké pracovať a niekoľko pokusov boli vykonané , aby sa JavaScript jednoduchšie . jQuery je jeden taký pokus .
jQuery

jQuery je knižnica JavaScriptu , ktorý si kladie za cieľ zjednodušiť prácu s Document Object Model , alebo DOM . DOM je špeciálny objekt , ktorý existuje v jazyku JavaScript a umožňuje programátorom manipulovať štruktúru webových stránok . Práca s DOM môže byť ťažké a tajomný . Programovanie DOM môže byť tiež náchylný k chybám , pretože rôzne prehliadače interpretujú DOM trochu inak . jQuery spracováva kompatibilitu cross - prehliadača .
jQuery efekty

jQuery framework JavaScript zahŕňa široký sortiment vizuálnych efektov navrhnuté tak , aby vytváranie animácií jednoduché . Bohužiaľ , v predvolenom nastavení , všetky tieto účinky budú prebiehať súčasne , keď prehliadač načíta skript jQuery . Najjednoduchší spôsob , ako obísť toto obmedzenie je použitie " spätné volanie " jQuery umožňuje funkcia pre definovanie funkcie , ktorá by mala byť volaná po dokončení .
Pomocou spätného volania

Normálne, sekvenčné jQuery kód bude vyzerať nejako takto .

$ ( " # show - projekty " ) . kliknite na tlačidlo ( funkcie ( ) vyhlásenie , alebo riadok kódu , je vykonaná súčasne v tomto príklade sa bodkočiarkami slúži k vymedzeniu každé vyhlásenie

Ak chcete použiť spätné volanie , použite kód , ako je toto miesto : ..

$ ( " # show - projekty " . ) kliknite na tlačidlo ( function ( ) {

$ ( " strana : . viditeľné " ) . Fadeout ( " normálne " , function ( ) {

$ ( " # projekty " ) fadeIn ( " normálne " ) ; .

} ) ;

} ) ;

v tomto príklade je tu len jeden príkaz , ktorý beží v priebehu akcie " kliknite na tlačidlo " Miesto . prevádzkovať každý príkaz súčasne , v tomto príklade spustí v poradí .

• Predchádzajúca strana: Ako používať JavaScript Developer 
• Ďalšia strana: Ako vymazať Element Atribúty