4. Jquery
Ko var panākt?
Krāsu maiņa konkrētajam tekstam starp attiecīgajiem tagiem
(Piemēram, visi teksti, kuri atrodas strap tagiem «<p>» ir zaļi)
Piešķirt bildi linkam
(Piemēram, visi linki, kuri satur «pdf» piešķirt pdf ikonu)
Notikumu apstrāde (Ja būs peles klišķis, tad…..)
Koda labā stila uzlabošana
u.c.
13. Jquery
Selektori
Selektors Mēŗkis
tagname Atrod visus, kuriem ir tagi
#identifier Atrod visus elementus, kuriem ir
identifikators
.className Atrod visus elementus, kuriem ir
nodefinēta attiecīgā klase
Tag.className Atrod visus elementus, kuriem ir
meklētais tags un attiecīgā klase
Tag#id.className Atrod visus elementus, kuriem ir
attiecīgais idenfikators un
attiecīgā klase
* Atrod visus elementus
dokumentā
15. Jquery
Selektori (piemēri)
tagname Atrod visus, kuriem ir attiecīgais
tags
Rezultāts:
16. Jquery
Selektori (piemēri)
#identifier Atrod visus elementus, kuriem ir
attiecīgais identifikators
Rezultāts:
17. Jquery
Selektori (piemēri)
.className Atrod visus elementus, kuriem ir
nodefinēta attiecīgā klase
Rezultāts:
18. Jquery
Selektori (piemēri)
Tag.className Atrod visus elementus, krueim ir
meklētais tags un attiecīgā klase
Rezultāts:
19. Jquery
Selektori (piemēri)
Tag.className Atrod visus elementus, krueim ir
meklētais tags un attiecīgā klase
Rezultāts:
20. Jquery
Selektori (piemēri)
Tag#id.className Atrod visus elementus, kuriem ir
attiecīgais idenfikators un
attiecīgā klase
Rezultāts:
21. Jquery
Selektori (piemēri)
* Atrod visus elementus
dokumentā
Rezultāts:
22. Jquery
Selektori (piemēri)
selector, selector Atrod attiecīgos tagus,
indentifikatorus u.c.
Rezultāts:
23. Jquery
Selektori (piemēri)
.class1.class2 Atrod attiecīgās klases
Rezultāts:
24. Jquery
Filtri
Filtrs Mērķis
:first Atrast tikai pirmo.
:last Atrast tikai pēdējo.
:even Atrast pāra elementus.
:odd Atrast nepāra elementus.
:header Atrod visus «header» elementus (H1, H2, H3)
:lt(n) Tiek iegūti visi elementi, kuru indeks ir pazāks
par konkrēto
:gt(n) Tiek iegūti visi elemetni, kuru indeks ir lielāks
par konkrēto
eq(n) Tiek iegūts elements, kura indeks ir tieši tāds
pats
:not(selector) Neatlasa konkrēto selektoru
34. Jquery
Filtra atribūti
Filtrs Mērķis
[attribute] Tiek atrasts attiecīgais atribūts
[attribute=value] Tiek atrasts attiecīgais atribūtas, kura ir
konkrētā ievadītā vērtība
[attribute!=value] Tiek atrasts atribūts, kura vērtībā nav
vienāda ar konkrēto ievadīto vērtību
[attribute^=value] Tiek atrasta vērtība, kura sākas ar
konkrētajiem simboliem
[attribute$=value] Tiek atrasta vērtība, kuras beigas sakrīt ar
ievadīto vērtību
[attribute*=value] Tiek atrast vērtība, kura ir secīgi ievadīti
konkrētie simboli
36. Jquery
Filtra atribūti (piemēri)
[attribute=value] Tiek atrasts attiecīgais atribūtas, kura ir
konkrētā vērtība
Rezultāts:
37. Jquery
Filtra atribūti (piemēri)
[attribute!=value] Tiek atrasts atribūts, kura vērtībā nav
vienāda ar konkrēto
Rezultāts:
38. Jquery
Filtra atribūti (piemēri)
[attribute^=value] Tiek atrasta vērtība, kura sākas ar
konkrētajiem simboliem
Rezultāts:
39. Jquery
Filtra atribūti (piemēri)
[attribute*=value] Tiek atrast vērtība, kura ir secīgi ievadīti
konkrētie simboli
Rezultāts:
40. Jquery
Filtra atribūti (piemēri)
[attribute$=value] Tiek atrasta vērtība, kuras beigas sakrīt ar
ievadīto vērtību
Rezultāts:
41. Jquery
Satura filtri
Satura filtri Mērķis
:contains(text) Tiek meklēts teksts, kurš satur
konkrēto meklējamo tekstu
:has(selector) Tiek meklēkts selektors
:parent Tiek iezīmēts konkrētie tagi
42. Jquery
Satura filtri (piemēri)
:contains(text) Tiek meklēts teksts, kurš satur
konkrēto meklējamo tekstu
Rezultāts:
43. Jquery
Satura filtri
:parent Tiek iezīmēts konkrētie tagi
Rezultāts:
44. Jquery
Satura filtri
:has(selector) Tiek meklēkts selektors
Rezultāts:
45. Jquery
Formas
Selektors Mērķis
:input Tiek atrasti visi ievadlauki
:text Tiek atrasti visi teksta lauki
:password Tiek atrasti visi paroles lauki
:radio Tiek atrastas visas «radio» pogas
:checkbox Tiek atrasti visi «checkbox» rūtiņas
:submit Tiek atristi visi «submit» elementi
:reset Tiek atrasti visi «reset» elementi
:image Tiek atrasti visas bildes elementi
:button Tiek atrasti visi pogu elementi
:file Tiek atrasti visi failu augšupielādes
elementi
46. Jquery
Formas
Selektors Mērķis
:enabled Atrod visus elementus, kuri ir iespējoti
:disabled Atrod visus elementus, kuri ir atspējoti
:checked Atrod visus elementus, kuri ir atķeksēt
:selected Atrod visus elementus, kuri ir izvēlēti