Satura rādītājs
Ar šiem elementiem vai atlasītājiem var manipulēt, izmantojot Jquery un css, lai radītu efektus un iegūtu saturu, to paslēptu vai pievienotu un tam piemērotu kādu efektu, atvieglojot programmētāju darbu. Daži atlasītāji ir labāk pazīstami ar css kodu, piemēram:IDENTIFIKATORI
Tie ir augstākās hierarhijas elements un nosaka vispārīgus parametrus bloka elementiem. Tie ir definēti kā #id un parasti tiek piemēroti sarakstiem vai blokiem.
Šis ir rindkopas ID atlasītājs
Punkts bez atlasītāja
NODARBĪBAS
Tie ir zemākas hierarhijas elementi un tiek izmantoti atsevišķiem elementiem vai klasēs, lai identificētu, piemēram:
Šis ir rindkopas ID atlasītājs
Zila rindkopa ar p
Zila rindkopa ar divSarkana rindkopa ar div
Lai gan neatkarīgā klase .parrafoazul var lietot elementu p, kas nav atkarīgs no neviena, mēs varam to piemērot pat citiem elementiem, piemēram, div, bet, ja mēs mēģināsim piemērot klasi parraforojo neatkarīgi no #paragraph identifikatora, mēs redzēsim, ka tas tā ir nedarbojas, jo tā neatbilst hierarhijai, kas uzliek tās identifikatoru #paragraph.
Šeit ir daudz atlasītāju, kurus mēs varam izmantot
Pāra (pāra) un nepāra (nepāra) atlasītājs
Šis atlasītājs tiek lietots elementu masīvam, kas izmanto vienu un to pašu klasi, un tas var ietekmēt pāra vai nepāra elementus, piemēram, mēs iekrāsojam rindkopu saraksta fonu.
PUNKTI
Lietotājs 1 ir atstājis ziņojumu
Lietotājs 2 ir atstājis ziņojumu
Lietotājs 3 ir atstājis ziņojumu
Lietotājs 4 ir atstājis ziņojumu
UL SARAKSTS
- Lietotājs 1 ir atstājis ziņojumu
- Lietotājs 2 ir atstājis ziņojumu
- Lietotājs 3 ir atstājis ziņojumu
- Lietotājs 4 ir atstājis ziņojumu
IZVĒLĒTĀJS PIRMĀ (pirmā) UN PĒDĒJĀ (pēdējā)
Šie atlasītāji ļauj mums manipulēt ar noteikta saraksta pirmo un pēdējo elementu, piemēram, mēs iestatām sarakstu pelēkā krāsā, pirmo elementu zaļā krāsā un pēdējo elementu zilā krāsā.
UL SARAKSTS
- Lietotājs 1 ir atstājis ziņojumu
- Lietotājs 2 ir atstājis ziņojumu
- Lietotājs 3 ir atstājis ziņojumu
- Lietotājs 4 ir atstājis ziņojumu
FOKUSA IZVĒLĒTĀJS
Fokuss uz elementu tiek aktivizēts, noklikšķinot uz elementa, un tiek deaktivizēts, noklikšķinot uz cita tīmekļa apgabala vai cita elementa. Mēs redzēsim piemēru ar pieteikšanās veidlapu, mēs izveidosim klasi .focologin un pēc tam piemērosim to #login formas identifikatoram, lai ietekmētu visus tajā esošos elementus. Mēs to varam arī uzklāt uz slāņa vai div bloka un novietot formu bloka iekšpusē.
FORMA
Lietotāja parole:
Piešķiriet vai mainiet css stilu elementam, izmantojot AddClass
Ja mēs vēlamies dinamiski piešķirt css stilu vai mainīt atbilstoši noteiktam nosacījumam, mēs izmantosim AddClass. Šajā gadījumā mums ir klase .green, un ievades veida tekstam mēs piešķiram klasi .box no Jquery. Paroles tipa ievade netiek ietekmēta, un poga Iesniegt arī netiek ietekmēta, jo mēs viņiem neesam piešķīruši nevienu css klasi.
REĢISTRĀCIJAS FORMA
Vārds:
Adrese:
Tālrunis:
E-pasts:
Šis atlasītājs ļauj identificēt elementu masīva elementu atbilstoši tabulas šūnas atrašanās vietai, piemēram, mums jāpatur prātā, ka elementi ir uzskaitīti kā matricas indeksi, kas sākas ar 0,1,2 utt. .
| A sadaļa | B sadaļa | C sadaļa |
|---|---|---|
| Šūna 0 | Šūna 1 | Šūna 2 |
| Šūna 3 | Šūna 4 | 5. šūna |
Turpinot ar tabulām un atlasītāju pielietojumu, mēs redzēsim, kā pārmaiņus izveidot fona dizainu tabulas rindu krāsās, līdzīgi tam, kas iepriekš tika piemērots ar rindkopām un sarakstiem. Mēs nepievienojam tik daudz css vai dizaina, lai efekts būtu labāk novērtēts.
SELECTOR n-bērns
Turpinot iepriekšējo piemēru, mēs varam izmantot n-tā bērna atlasītāju kā papildinājumu, līdzīgi kā eq selektoru, taču atšķirība ir tāda, ka ar n-to bērnu pozīcijas var norādīt aritmētiskas operācijas veidā. To izmanto, lai atlasītu vienu vai vairākus elementus, bet ar nosacījumu, ka tas ir vecāku n -tas bērns. Šis atlasītājs ir noderīgs, lai atlasītu bloka otro rindkopu vai saraksta trešo vienumu utt. Elementi netiek uztverti kā masīvs, bet gan pirmajā, otrajā utt.
Piemēram, ja iepriekšējā skriptā mēs pievienojam
Šajā gadījumā tiks atlasītas nepāra kolonnas
- Nepāra kolonnas n-bērns (2n + 1)
- Pārī esošās kolonnas n-bērns (2n)
- Pirmā un ceturtā kolonna n. Bērns (3n + 1)
