Druhý díl seriálu o jQuery pro začátečníky vám ukáže, jak používat nejrůznější způsoby pro označování prvků na stránce. Zápis ve stejné podobě jako v CSS totiž není jediný způsob, jak JavaScriptu pomocí jQuery sdělit, se kterým prvkem chcete manipulovat.
reklama
Ve videonávodu vám postupně ukážu práci s CSS selektory, atributovými selektory, pořaďovými selektory a s operátory u selektorů. Podíváme se i na to, jak lze zkoumat vlastnosti jednoho prvku po druhém, pokud vyhovuje dané množině v závislosti na nějakém selektoru.
Cvičení k videu
Vytvořte v HTML tabulku a přidejte tlačítko, které obarví druhý řádek. Vyzkoušejte si postupně několik možností, kterými jej zaměříte
Nastudujte si dokumentaci k selektorům v jQuery a upravte podbarvení nadpisů tak, abyste se vyhnuli práci se třídami i specifikaci prvků H1 a H2
Vyzkoušejte úpravu placeholderu v textových políčkách. Zatímco funkce .attr('placeholder') hodnotu vrací, tak .attr('placeholder','hodnota') ji nastavuje. Zkuste po stisku nějakého tlačítko projít všechna políčka a jejich placeholder tímto způsobem změnit
Vytvořte tlačítko, které projde všechny nadpisy. Ve smyčce each pomocí konstrukce if a funkce .hasClass('třída') zkontrolujte, zda mají třídu yellow a pokud ano, pak ji přes removeClass('třída') odeberte a poté přidejte třídu pro modrou barvu
Tvůrce webů z Brna se specializací na Drupal a Symfony. Obojí také školím spolu se základy SEO. Jsem Acquia Certified Developer (Drupal 7) a Site Builder (Drupal 8 & 9) a napsal jsem několik knih o Drupalu. Ve volných chvílích cestuji a podnikám výlety. Více se dozvíte na mém firemním webu.
Hledáte český webhosting vhodný nejenom pro redakční systém Drupal? Tak vyzkoušejte Webhosting C4 za 1200 Kč na rok s doménou v ceně, 20 GB prostoru a automatické navyšováním o 2 GB každý rok. Podrobnosti zde.
Přidat komentář