Turinys
Šiais elementais ar parinkikliais galima manipuliuoti naudojant „Jquery“ ir „css“, kad būtų sukurti efektai ir gautas turinys, paslėptas arba pridėtas ir pritaikytas tam tikras efektas, palengvinantis programuotojų darbą. Kai kurie selektoriai yra labiau žinomi dėl css kodo, pavyzdžiui:IDENTIFIKATORIAI
Jie yra aukščiausios hierarchijos elementas ir apibrėžia bendrus bloko elementų parametrus. Jie apibrėžiami kaip #ID ir paprastai taikomi sąrašams ar blokams.
Tai pastraipos ID parinkiklis
Pastraipa be parinkiklio
PAMOKOS
Jie yra žemesnės hierarchijos elementai ir naudojami atskiriems elementams arba klasėms apibrėžti identifikacijoje, pavyzdžiui:
Tai pastraipos ID parinkiklis
Mėlyna pastraipa su p
Mėlyna pastraipa su divRaudona pastraipa su div
Nors nepriklausoma klasė .parrafoazul gali taikyti elementą p, kuris nepriklauso nuo niekieno, mes netgi galime jį pritaikyti kitiems elementams, pvz., Div, bet jei bandysime taikyti klasę „parraforojo“ nepriklausomai nuo #paragraph identifikatoriaus, pamatysime, kad tai veikia neveikia, nes neatitinka hierarchijos, pagal kurią nustatomas jos identifikatorius #paragraph.
Čia yra daug selektorių, kuriuos galime naudoti, kai kuriuos pamatysime
Lyginis (lyginis) ir nelyginis (nelyginis) parinkiklis
Šis parinkiklis taikomas elementų, naudojančių tą pačią klasę, masyvui ir gali paveikti lyginius ar nelyginius elementus, pavyzdžiui, mes nuspalviname pastraipų sąrašo foną.
DALIS
1 vartotojas paliko pranešimą
2 vartotojas paliko pranešimą
3 vartotojas paliko pranešimą
4 vartotojas paliko pranešimą
UL SĄRAŠAS
- 1 vartotojas paliko pranešimą
- 2 vartotojas paliko pranešimą
- 3 vartotojas paliko pranešimą
- 4 vartotojas paliko pranešimą
PIRMAS PASIRINKTAS (pirmas) IR PASKUTINIS (paskutinis)
Šie parinkikliai leidžia mums manipuliuoti pirmuoju ir paskutiniu tam tikro sąrašo elementu, pavyzdžiui, mes nustatome sąrašą pilka spalva, pirmą elementą - žalia spalva, o paskutinį - mėlynai.
UL SĄRAŠAS
- 1 vartotojas paliko pranešimą
- 2 vartotojas paliko pranešimą
- 3 vartotojas paliko pranešimą
- 4 vartotojas paliko pranešimą
FOKUSO RINKTIS
Dėmesys elementui suaktyvinamas spustelėjus elementą ir išjungiamas, kai spustelėjama kita žiniatinklio sritis arba kitas elementas. Pamatysime pavyzdį su prisijungimo forma, sukuriame klasę .focologin ir tada pritaikome ją #login formos identifikatoriuje, kad paveiktų visus joje esančius elementus. Taip pat galime pritaikyti jį sluoksniui arba div blokui ir įdėti formą į bloką.
FORMA
Vartotojo slaptažodis:
Priskirkite arba pakeiskite css stilių elementui naudodami „AddClass“
Jei norime dinamiškai priskirti css stilių arba pakeisti pagal tam tikras nustatytas sąlygas, naudosime „AddClass“. Šiuo atveju turime klasės .green mygtuką ir įvesties tipo tekstui priskiriame klasę .box iš „Jquery“. Slaptažodžio tipo įvestis neturi įtakos ir mygtukas „Pateikti“ taip pat neturi įtakos, nes jiems neskyrėme jokios css klasės.
REGISTRACIJOS FORMA
Vardas:
Adresas:
Telefonas:
El. Paštas:
Šis parinkiklis leidžia identifikuoti elementų masyvo elementą pagal padėtį, kurioje yra, pavyzdžiui, lentelės langelis, turime nepamiršti, kad elementai yra išvardyti kaip matricos indeksai, prasidedantys 0,1,2 ir tt .
| A antraštinė dalis | B antraštinė dalis | C antraštinė dalis |
|---|---|---|
| 0 langelis | 1 langelis | 2 langelis |
| 3 langelis | 4 langelis | 5 langelis |
Tęsdami lenteles ir selektorių taikymą, pamatysime, kaip pakaitomis sukurti fono dizainą lentelės eilučių spalvomis, panašiai kaip anksčiau buvo taikomos pastraipos ir sąrašai. Mes nepridedame tiek daug css ar dizaino, kad poveikis būtų geriau įvertintas iš esmės.
SELECTOR n-as vaikas
Tęsdami ankstesnį pavyzdį, kaip papildymą galime naudoti n-ojo vaiko parinkiklį, panašų į eq selektorių, tačiau skirtumas tas, kad naudojant n-ąjį vaiką, pozicijas galima nurodyti aritmetinės operacijos forma. Jis naudojamas pasirenkant vieną ar daugiau elementų, tačiau su sąlyga, kad jis yra n -asis jo tėvų vaikas. Šis parinkiklis yra naudingas renkantis antrą bloko pastraipą arba trečią sąrašo elementą ir pan. Elementai nėra laikomi masyvu, bet pirma, antra ir tt
Pavyzdžiui, jei ankstesniame scenarijuje pridėsime
Tokiu atveju bus pasirinkti nelyginiai stulpeliai
- Nelyginiai stulpeliai n-asis vaikas (2n + 1)
- Suporuoti stulpeliai n-asis vaikas (2n)
- Pirmasis ir ketvirtasis stulpelis n-asis vaikas (3n + 1)
