Jquery meklesana

609 views
510 views

Published on

Published in: Education, Business, Real Estate
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
609
On SlideShare
0
From Embeds
0
Number of Embeds
106
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Jquery meklesana

  1. 1. InternetapamatiNormunds Pauders
  2. 2. JqueryKas ir Jquery Brīva, bezmaksas JavaScript bibliotēka Write less, do more
  3. 3. JqueryKo var panākt?Lapas saturs var ielādēt dinamsiki, Statiskā informācjia Dinamiskā informācjia
  4. 4. JqueryKo 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.
  5. 5. JqueryKur lejupielādēt Jquery?
  6. 6. JqueryKur lejupielādēt Jquery?
  7. 7. JqueryKur lejupielādēt Jquery?
  8. 8. JqueryDivi varianti (lejupielāde) nosaukums.js
  9. 9. JqueryKā piesaistīt?
  10. 10. JqueryPirmie soļi….
  11. 11. JqueryViens no labākajiemdraugiem… Rezultāts:
  12. 12. JqueryKā atrast to, kas mumsvajadzīgs? Selektorus, Filtrus
  13. 13. Jquery SelektoriSelektors Mēŗkistagname Atrod visus, kuriem ir tagi#identifier Atrod visus elementus, kuriem ir identifikators.className Atrod visus elementus, kuriem ir nodefinēta attiecīgā klaseTag.className Atrod visus elementus, kuriem ir meklētais tags un attiecīgā klaseTag#id.className Atrod visus elementus, kuriem ir attiecīgais idenfikators un attiecīgā klase* Atrod visus elementus dokumentā
  14. 14. JqueryKods
  15. 15. Jquery Selektori (piemēri)tagname Atrod visus, kuriem ir attiecīgais tagsRezultāts:
  16. 16. Jquery Selektori (piemēri)#identifier Atrod visus elementus, kuriem ir attiecīgais identifikators Rezultāts:
  17. 17. Jquery Selektori (piemēri).className Atrod visus elementus, kuriem ir nodefinēta attiecīgā klaseRezultāts:
  18. 18. Jquery Selektori (piemēri) Tag.className Atrod visus elementus, krueim ir meklētais tags un attiecīgā klaseRezultāts:
  19. 19. Jquery Selektori (piemēri) Tag.className Atrod visus elementus, krueim ir meklētais tags un attiecīgā klaseRezultāts:
  20. 20. Jquery Selektori (piemēri) Tag#id.className Atrod visus elementus, kuriem ir attiecīgais idenfikators un attiecīgā klaseRezultāts:
  21. 21. Jquery Selektori (piemēri) * Atrod visus elementus dokumentāRezultāts:
  22. 22. Jquery Selektori (piemēri)selector, selector Atrod attiecīgos tagus, indentifikatorus u.c.Rezultāts:
  23. 23. Jquery Selektori (piemēri) .class1.class2 Atrod attiecīgās klasesRezultāts:
  24. 24. Jquery FiltriFiltrs 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ētoeq(n) Tiek iegūts elements, kura indeks ir tieši tāds pats:not(selector) Neatlasa konkrēto selektoru
  25. 25. JqueryFiltri (piemēri):first Atrast tikai pirmo. Rezultāts:
  26. 26. JqueryFiltri (piemēri):last Atrast tikai pēdējo.Rezultāts:
  27. 27. JqueryFiltri (piemēri):even Atrast pāra elementus.Rezultāts:
  28. 28. JqueryFiltri (piemēri):odd Atrast nepāra elementus.Rezultāts:
  29. 29. Jquery Filtri (piemēri):header Atrod visus «header» elementus (H1, H2, H3) Rezultāts:
  30. 30. Jquery Filtri (piemēri):lt(n) Tiek iegūti visi elementi, kuru indeks ir pazāks par konkrēto Rezultāts:
  31. 31. Jquery Filtri (piemēri):gt(n) Tiek iegūti visi elemetni, kuru indeks ir lielāks par konkrēto Rezultāts:
  32. 32. Jquery Filtri (piemēri)eq(n) Tiek iegūts elements, kura indeks ir tieši tāds pats Rezultāts:
  33. 33. Jquery Filtri (piemēri):not(selector) Neatlasa konkrēto selektoruRezultāts:
  34. 34. Jquery Filtra atribūtiFiltrs 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
  35. 35. Jquery Filtra atribūti (piemēri) [attribute] Tiek atrasts attiecīgais atribūtsRezultāts:
  36. 36. Jquery Filtra atribūti (piemēri) [attribute=value] Tiek atrasts attiecīgais atribūtas, kura ir konkrētā vērtībaRezultāts:
  37. 37. Jquery Filtra atribūti (piemēri) [attribute!=value] Tiek atrasts atribūts, kura vērtībā nav vienāda ar konkrētoRezultāts:
  38. 38. Jquery Filtra atribūti (piemēri) [attribute^=value] Tiek atrasta vērtība, kura sākas ar konkrētajiem simboliemRezultāts:
  39. 39. Jquery Filtra atribūti (piemēri) [attribute*=value] Tiek atrast vērtība, kura ir secīgi ievadīti konkrētie simboliRezultāts:
  40. 40. Jquery Filtra atribūti (piemēri) [attribute$=value] Tiek atrasta vērtība, kuras beigas sakrīt ar ievadīto vērtībuRezultāts:
  41. 41. Jquery Satura filtriSatura 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. 42. Jquery Satura filtri (piemēri):contains(text) Tiek meklēts teksts, kurš satur konkrēto meklējamo tekstuRezultāts:
  43. 43. Jquery Satura filtri :parent Tiek iezīmēts konkrētie tagiRezultāts:
  44. 44. Jquery Satura filtri:has(selector) Tiek meklēkts selektorsRezultāts:
  45. 45. Jquery FormasSelektors 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. 46. Jquery FormasSelektors 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
  47. 47. JqueryFormas kods
  48. 48. Jquery Formas kods:input Tiek atrasti visi ievadlaukiRezultāts:
  49. 49. Jquery Formas kods:text Tiek atrasti visi teksta laukiRezultāts:
  50. 50. Jquery Formas kods :password Tiek atrasti visi paroles laukiRezultāts:
  51. 51. Jquery Formas kods:radio Tiek atrastas visas «radio» pogasRezultāts:
  52. 52. Jquery Formas kods:checkbox Tiek atrasti visi «checkbox» rūtiņasRezultāts:
  53. 53. Jquery Formas kods:reset Tiek atrasti visi «reset» elementiRezultāts:
  54. 54. JqueryIzmantotā literatūra http://www.lynda.com/ http://jquery.com/

×