Obsah
S těmito prvky nebo voliči lze manipulovat pomocí Jquery a css a vytvářet efekty a získávat obsah, skrývat ho nebo přidávat a aplikovat na něj nějaký efekt, což usnadňuje práci programátorům. Některé selektory jsou lépe známé například pro kód CSS:IDENTIFIKÁTORY
Jsou prvkem nejvyšší hierarchie a definují obecné parametry pro prvky bloku.Jsou definovány jako #id a obvykle se používají pro seznamy nebo bloky.
Toto je volič ID odstavce
Odstavec bez voliče
POUČENÍ
Jsou to prvky nižší hierarchie a používají se pro jednotlivé prvky nebo k definování tříd v rámci identifikace, například:
Toto je volič ID odstavce
Modrý odstavec s p
Modrý odstavec s divČervený odstavec s div
Zatímco nezávislá třída .parrafoazul může použít prvek p, který nezávisí na nikom, můžeme jej dokonce použít na jiné prvky, jako je div, ale pokud se pokusíme použít třídu parraforojo nezávisle na identifikátoru #odstavce, uvidíme, že ano nefunguje, protože nesplňuje hierarchii, která ukládá jeho identifikátor #bod.
Existuje mnoho selektorů, které zde můžeme použít, některé uvidíme
Selektor sudých (sudých) a lichých (lichých) hodnot
Tento selektor je použit na řadu prvků, které používají stejnou třídu, a může ovlivnit sudé nebo liché prvky, například vybarvíme pozadí seznamu odstavců.
PARAGRAFY
Uživatel 1 zanechal zprávu
Uživatel 2 zanechal zprávu
Uživatel 3 zanechal zprávu
Uživatel 4 zanechal zprávu
UL SEZNAM
- Uživatel 1 zanechal zprávu
- Uživatel 2 zanechal zprávu
- Uživatel 3 zanechal zprávu
- Uživatel 4 zanechal zprávu
VOLIČ PRVNÍ (první) A POSLEDNÍ (poslední)
Tyto voliče nám umožňují manipulovat s prvním a posledním prvkem určitého seznamu, například nastavíme seznam šedě, první prvek zeleně a poslední prvek modře.
UL SEZNAM
- Uživatel 1 zanechal zprávu
- Uživatel 2 zanechal zprávu
- Uživatel 3 zanechal zprávu
- Uživatel 4 zanechal zprávu
FOCUS SELECTOR
Zaměření na prvek se aktivuje po kliknutí na prvek a deaktivuje se při kliknutí na jinou oblast webu nebo na jiný prvek. Uvidíme příklad s přihlašovacím formulářem, vytvoříme třídu .focologin a poté ji použijeme na identifikátor formuláře #login, abychom ovlivnili všechny prvky, které obsahuje. Můžeme jej také použít na blok vrstvy nebo div a umístit formulář dovnitř bloku.
FORMULÁŘ
Uživatelské heslo:
Přiřaďte nebo změňte styl css k prvku pomocí AddClass
Pokud chceme dynamicky přiřadit styl css nebo změnit podle nějaké zavedené podmínky, použijeme AddClass. V tomto případě máme tlačítko .green třídy a k textu typu vstupu přiřadíme třídu .box z Jquery. Zadání typu hesla není ovlivněno a tlačítko Odeslat také není ovlivněno, protože jsme jim nepřiřadili žádnou třídu css.
REGISTRAČNÍ FORMULÁŘ
Název:
Adresa:
Telefon:
E-mailem:
Tento selektor umožňuje identifikovat prvek pole prvků podle polohy, ve které je buňka tabulky, například musíme mít na paměti, že prvky jsou uvedeny jako indexy matice začínající 0,1,2 atd. .
| Hlava A. | Název B | Název C. |
|---|---|---|
| Buňka 0 | Buňka 1 | Buňka 2 |
| Buňka 3 | Buňka 4 | Buňka 5 |
Pokračováním tabulek a aplikací selektorů uvidíme, jak střídavě vytvořit design pozadí v barvách řádků tabulky, podobně jako tomu bylo dříve u odstavců a seznamů. Nepřidáváme tolik CSS nebo designu, aby byl efekt v zásadě lépe oceněn.
SELECTOR n-dítě
Pokračujeme-li v předchozím příkladu, můžeme použít selektor n-dítě jako doplněk, podobně jako selektor eq, ale rozdíl je v tom, že u n-tého dítěte lze polohy indikovat formou aritmetické operace. Používá se k výběru jednoho nebo více prvků, ale s podmínkou, že se jedná o n -té dítě jeho rodiče. Tento volič je užitečný pro výběr druhého odstavce bloku nebo třetí položky seznamu atd. Prvky nejsou brány jako pole, ale v pořadí první, druhé atd.
Pokud například v předchozím skriptu přidáme
V tomto případě budou vybrány liché sloupce
- Liché sloupce n-dítě (2n + 1)
- Spárované sloupce n-dítě (2n)
- První a čtvrtý sloupec n-dítě (3n + 1)
