Vítejte v sedmém dílu našeho seriálu o jQuery. Události jsou základním stavebním kamenem interaktivity každého webového rozhraní. S jejich pomocí můžete reagovat na akce uživatelů, jako je klikání na tlačítka, posunutí myši, změna formulářových prvků a mnoho dalších. Dnešní díl vám ukáže, jak s událostmi pracovat v jQuery. 1. Zachytávání událostí Základním krokem je naučit se, jak „chytit“ událost. S jQuery je to velmi jednoduché. $( #tlacitko ).click(function() { alert( Bylo kliknuto! ); }); 2. Různé typy událostí Existuje mnoho různých typů událostí, které můžete zachytit: click: Kliknutí myší. dblclick: Dvojklik myší. mouseenter: Myš vstoupí do prvku. mouseleave: Myš opustí prvek. keydown: Stisk klávesy. keyup: Uvolnění klávesy. submit: Odeslání formuláře. A mnoho dalších. Pro každý typ události existuje v jQuery odpovídající metoda, např. click(), dblclick() atd. 3. Více akcí pro jednu událost Pokud chcete vykonat více akcí po zachycení události, jednoduše je přidejte do funkce: $( #tlacitko ).click(function() { alert( Bylo kliknuto! ); $(this).addClass( aktivni ); }); 4. Zastavení propagace události Někdy chcete zastavit propagaci události, tj. zabránit dalším posluchačům událostí ve zpracování téže události: $( #odkaz ).click(function(event) { event.stopPropagation(); alert( Odkaz nebude následován! ); return false; }); 5. Výchozí akce Některé události mají svou výchozí akci. Například kliknutí na odkaz vede k jeho následování. Pokud chcete tuto výchozí akci zrušit: $( #odkaz ).click(function(event) { event.preventDefault(); alert( Odkaz nebude následován! ); }); 6. Připojení a odpojení posluchačů událostí on(): Připojí posluchač události. $( #prvek ).on( click , funkceReakce); off(): Odpojí posluchač události. $( #prvek ).off( click , funkceReakce); Závěr Události v jQuery nabízí silný nástroj pro tvorbu interaktivních webových stránek a aplikací. Dnes jsme se naučili, jak zachytávat různé události, jak reagovat na ně a jak s nimi pracovat efektivně. V příštím díle se zaměříme na rozměry a pozi The post jQuery návod (7) Události appeared first on Tutoriály česky.
V dnešním posledním díle seriálu o jQuery si představíme několik tipů a triků, které vám pomohou efektivněji pracovat s touto knihovnou. jQuery je obrovská knihovna s mnoha funkcemi, ale dnes se zaměříme na několik klíčových rad, které by vám mohly usnadn
projít na článekV dnešním díle seriálu se ponoříme do práce s poli v kontextu jQuery. Ačkoli mnoho z toho, co budeme procházet, lze provádět čistým JavaScriptem, jQuery nám nabízí několik nástrojů, které mohou proces usnadnit a zefektivnit. 1. Vytváření pole s jQuery
projít na článekV desátém díle našeho seriálu se ponoříme do světa cookies. Cookies jsou malé textové soubory, které webové stránky ukládají na počítači uživatele za účelem uchování informací mezi jednotlivými sezeními. S jejich pomocí můžeme například rozpoznat návštěvn
projít na článekDnešní díl našeho seriálu o jQuery se zaměří na jedno z nejdůležitějších slov v jazyce JavaScript a jeho použití v kontextu jQuery: klíčové slovo this. Toto slovo může být pro začátečníky trochu záhadné, ale s jeho pochopením přijde také mnoho možností v
projít na článekV jedenáctém díle seriálu se zaměříme na specifickou část jQuery utility. I když jste se již setkali s mnoha funkcemi a metodami, které jQuery nabízí, existuje mnoho dalších nástrojů, které nejsou tak známé nebo často používané, ale mohou být v určitých
projít na článek