Seriál o jQuery: selektory v různých podobách

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.

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

1. 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
2. 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
3. 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
4. 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

Kód z tohoto videonávodu najdete na adrese jsbin.com/susaru/edit?html,js,output.