Prednaska - Pokrocile webove technologie 4.10.2021 9:15

Zhrnutie prednášky

Prednáška predstavuje základy práce s knižnicou jQuery na jednoduchých príkladoch. Ukazuje sa načítanie jQuery v HTML stránke, funkcia document.ready ako hlavný vstupný bod a pristupovanie k prvkom DOM pomocou selektorov so znakom dolár. Na tlačidlách a textovom elemente div sa demonštruje nastavenie obsluhy udalosti click, pričom selektor „button“ zasiahne všetky tlačidlá naraz. Následne sa mení vzhľad prvku funkciou css() a efektívnejšie pomocou tried definovaných v CSS a funkcií addClass() a removeClass(). Na záver sa zhŕňa schéma jQuery príkazu (dolár, selektor, funkcia) a pravidlá selektorov zhodné s CSS.

• - jQuery sa do stránky načíta ako skript a document.ready slúži ako hlavná funkcia, do ktorej patrí ostatný kód.
• - Základná schéma príkazu: dolár, selektor, bodka a názov funkcie, napr. $("div").css(...).
• - Selektory sú rovnaké ako v CSS: názov elementu, #id, .trieda.
• - Obsluha udalosti click sa nastaví na ľubovoľný element; selektor „button“ ovplyvní všetky tlačidlá na stránke.
• - Funkcia css() nastaví jednu vlastnosť elementu, napr. zmenu farby textu na oranžovú alebo čiernu.
• - Pri zmene viacerých vlastností je lepšie definovať triedy v CSS a prepínať ich cez addClass() a removeClass().
• - Pred pridaním novej triedy treba starú odstrániť, inak sa štýly miešajú.

Zhrnutie pripravené s pomocou AI z prepisu videa.