Innholdsfortegnelse
Disse elementene eller velgerne kan manipuleres med Jquery og css for å lage effekter og skaffe innhold, skjule det eller legge det til og bruke en viss effekt på det, noe som letter arbeidet til programmerere. Noen velgere er bedre kjent for css -koden, for eksempel:IDENTIFIERE
De er element i det høyeste hierarkiet og definerer generelle parametere for elementene i en blokk. De er definert som #id og brukes vanligvis på lister eller blokker.
Dette er avsnitt -ID -velgeren
Avsnitt uten velger
LEKSJONER
De er elementer i lavere hierarki og brukes for individuelle elementer eller for å definere klasser i en identifikasjon, for eksempel:
Dette er avsnitt -ID -velgeren
Blått avsnitt med s
Blått avsnitt med divRødt avsnitt med div
Selv om den uavhengige klassen .parrafoazul kan bruke element p som ikke er avhengig av noen, kan vi til og med bruke det på andre elementer som div, men hvis vi prøver å bruke parraforojo -klassen uavhengig av #paragraph -identifikatoren, vil vi se at den gjør det fungerer ikke siden det ikke oppfyller hierarkiet som pålegger identifikatoren #paragraph.
Det er mange velgere som vi kan bruke her, vi får se noen
Even (even) og odd (odd) selector
Denne velgeren brukes på en rekke elementer som bruker samme klasse, og den kan påvirke partall eller oddetall, for eksempel farger vi bakgrunnen til en liste med avsnitt.
AVSNITT
Bruker 1 har lagt igjen en melding
Bruker 2 har lagt igjen en melding
Bruker 3 har lagt igjen en melding
Bruker 4 har lagt igjen en melding
UL LISTE
- Bruker 1 har lagt igjen en melding
- Bruker 2 har lagt igjen en melding
- Bruker 3 har lagt igjen en melding
- Bruker 4 har lagt igjen en melding
VELGER FØRST (Første) OG SISTE (Siste)
Disse velgerne lar oss manipulere det første og det siste elementet i en bestemt liste, for eksempel setter vi listen i grått, det første elementet i grønt og det siste elementet i blått.
UL LISTE
- Bruker 1 har lagt igjen en melding
- Bruker 2 har lagt igjen en melding
- Bruker 3 har lagt igjen en melding
- Bruker 4 har lagt igjen en melding
FOKUSVELGER
Fokuset på et element aktiveres når du klikker på et element og deaktiveres når du klikker på et annet område på nettet eller på et annet element. Vi vil se et eksempel med et påloggingsskjema, vi lager klassen .focologin og deretter bruker vi det på identifikatoren for #login -skjemaet for å påvirke alle elementene det inneholder. Vi kan også bruke den på et lag eller div -blokk og plassere skjemaet inne i blokken.
FORM
Bruker passord:
Tilordne eller endre en css -stil til et element med AddClass
Hvis vi ønsker å tilordne en css -stil dynamisk eller for å endre i henhold til en bestemt tilstand, bruker vi AddClass. I dette tilfellet har vi en klasse .grønn knapp og til inndatateksten tilordner vi klassen .box fra Jquery. Passordtypen blir ikke påvirket, og send -knappen påvirkes heller ikke siden vi ikke har tilordnet noen css -klasse til dem.
REGISTRERINGSSKJEMA
Navn:
Adresse:
Telefon:
E-post:
Denne velgeren gjør det mulig å identifisere et element i en rekke elementer i henhold til posisjonen der en tabellcelle er, for eksempel må vi huske på at elementene er oppført som indeksene til en matrise som starter med 0,1,2, osv. .
| Tittel A. | Tittel B | Tittel C |
|---|---|---|
| Celle 0 | Celle 1 | Celle 2 |
| Celle 3 | Celle 4 | Celle 5 |
Fortsett med tabellene og anvendelsen av velgere, vil vi se hvordan du lager et bakgrunnsdesign på en vekslende måte i fargene på radene i en tabell, lik det som tidligere ble brukt med avsnitt og lister. Vi legger ikke til så mye css eller design slik at effekten i utgangspunktet blir bedre verdsatt.
VELGER n. Barn
Fortsetter vi med det forrige eksemplet, kan vi bruke n-barneselektoren som et komplement, på samme måte som eq-velgeren, men forskjellen er at med nth-child kan posisjoner angis i form av en aritmetisk operasjon. Den brukes til å velge ett eller flere elementer, men med den forutsetning at det er det niende barnet til foreldrene. Denne velgeren er nyttig for å velge andre avsnitt i en blokk eller det tredje elementet i en liste, etc. Elementene er ikke tatt som en matrise, men i rekkefølge først, andre, etc.
For eksempel hvis vi legger til i det forrige skriptet
Merkelige kolonner vil bli valgt i dette tilfellet
- Odd Columns nth-child (2n + 1)
- Parede kolonner nth-child (2n)
- Første og fjerde kolonne n-barnet (3n + 1)
