Uvod u jQuery metode

Ako vas iznenadi riječ jQuery, dopustite da vam prvo objasnim što je jQuery. jQuery je jedna od najpopularnijih javascript knjižnica za izradu web stranica ili web aplikacija. Posebno je dizajniran za rješavanje html manipulacija stablom i rukovanje događajima, kao i html presjek stabla, prijelaz css i css animaciju uz podršku rukovanja ajaxom. Takođe je i sa otvorenim kodom i bez troškova pod licencom gnu. U ovoj temi ćemo naučiti o jQuery metodama.

jQuery je vrlo lako naučiti jer pojednostavljuje JavaScript programiranje. JQuery je kompatibilan s css3, kompatibilnost s pretraživačima i ima vrlo male lagane otiske. Ukratko, možemo reći da je jQuery promijenio put za programere koji su pisali svoj dugački kod u JavaScript. jQuery pruža drugačiju metodu za manipulaciju domom, transverzalni m, rukovanje događajima ili aktiviranje događaja, manipulaciju atributima, dimenzijsku manipulaciju, css manipulacijom i animacijama.

Vrste metoda jQuery

Ovdje ćemo naučiti različite vrste jQuery metoda dane u nastavku

1) Dom Manipulacija

Što god da upotrijebimo ove metode, na kraju se fokusiramo na promjenu događaja u kući. Drugim riječima, možemo reći da ovim metodama manipuliramo domom. Neke od jQuery metoda manipulacije domom su:

  • addClass (): U skup podudarnih elemenata dodaje specificiranu klasu ili klase svakom elementu.
  • after (): U skup podudarnih elemenata umetnite podatke ili sadržaj zadate parametrom nakon svake oznake elemenata.
  • dodaj (): Ukratko, ovom metodom možemo reći da umetnemo podatke ili sadržaj za određeni element.
  • attr (): Ova metoda daje vrijednost atributa određenog elementa.
  • prije (): Pomoću ove metode možemo umetnuti bilo koje podatke ili sadržaje prije svakog određenog elementa.
  • clone (): Ovom metodom duboko kopiramo izvorni element.
  • css (): Pomoću ove metode mijenjamo css navedenog elementa.
  • detach (): Ovom metodom jednostavno brišemo navedeni element iz dom stabla.
  • hasClass (): Pomoću ove metode pronalazimo navedenu klasu u prilogu određenog elementa.
  • prazno (): Ova metoda briše sve podređene čvorove pričvršćene na stablo određenog elementa dom.
  • height (): Ova metoda daje vrijednost visine navedenog elementa.
  • offset (): Ova metoda postavlja koordinatu navedenog elementa u odnosu na dokument.
  • position (): Ova metoda dobiva trenutni položaj navedenog elementa u odnosu na njegov nadređeni element.
  • prop (): Ova metoda daje vrijednost trenutno odabranog svojstva elementa.
  • substituAll (): Ova metoda zamjenjuje sve ciljne elemente s navedenim elementom.
  • text (): Ova metoda postavlja ili dobiva vrijednost tekstnog niza određenih elemenata.
  • Val (): Ova metoda daje trenutnu vrijednost prvih zadanih elemenata.
  • width (): Ova metoda daje izračunatu vrijednost širine navedenih elemenata.
  • wrap (): Ova metoda omota određenu html strukturu oko svakog elementa u skupovima određenih elemenata.
  • wrapInner (): Ova metoda omota html strukturu oko sadržaja svakog navedenog elementa.

2) Putovanje

Ova metoda nam pomaže u navigaciji s jednog elementa dom na druge elemente dom koji slijedi hijerarhiju roditelj-dijete. Neke od metoda prelaska su:

  • add (): Ova metoda stvara novi jQuery objekt i dodaje ga navedenim elementima.
  • addBack (): Ova metoda dodaje jQuery prethodni skup elementa u trenutni element snopa.
  • djeca (): ove metode pronalaze podređeni element svakog određenog elementa.
  • najbliže (): Ova metoda pronalazi element koji prvo odgovara selektoru.
  • content (): Ova metoda pronalazi sadržaj navedenog elementa, uključujući i čvorove komentara i tekst.
  • svaki (): Ova metoda ponavlja kroz petlju, što znači da će se ova metoda primijeniti na sve navedene elemente koji se na njega odnose.
  • end (): Ova metoda završava najnoviji zadatak filtriranja i vraća svoj podudarni element u prethodno stanje.
  • eq (): Ova metoda smanjuje skup specificiranog elementa na jedan u navedenom indeksu.
  • filter (): Ova metoda daje zadani element na temelju filtra koji dajemo.
  • prvo (): Ova metoda daje zadani element na temelju odabranog odabirača.
  • ima (): Ova metoda daje skup specificiranog elementa ili selektora.
  • map (): Ova metoda vraća novu vrijednost objekta jQuery na temelju funkcije koja se prolazi kroz svaki element.
  • next (): Ova metoda odmah daje sljedeću braću određenog odabranog elementa.
  • parent (): Ova metoda daje roditelju odabir navedenog elementa.
  • prev (): Ova metoda omogućava neposrednu prethodnu usklađenost trenutno određenih elemenata.

3) pokretanje događaja

Pomoću ove metode registriramo promjene u manipulaciji domom koje će stupiti na snagu pri interakciji s preglednikom. Neki od načina upravljanja jQuery događajem su:

  • bind (): Ova metoda pridaje rukovanje događajem navedenom elementu.
  • blur (): Ova metoda veže događaj JavaScript zamućivanja s navedenim elementom.
  • change (): ovaj događaj veže navedeni element s elementom javascripta promjena.
  • click (): Ova metoda veže događaj JavaScripta klika na određeni element.
  • delegate (): Ova metoda veže jedan ili više događaja u određenom skupu elementa.
  • die (): Ova metoda uklanja bilo kakvu vrstu JavaScripta rukovanja priključenu skupu navedenog elementa.
  • error (): Ova metoda pridaje rukovanje događajem pogreške određenom skupu elementa.
  • focus (): Ove metode vežu rukovanje događajem fokusiranja na specificirani skup elementa.
  • hover (): Ova metoda veže rukovanje događajem lebdjenja s određenim skupom elementa.

Pa, pokušao sam u naš dan uključiti maksimalni broj mogućih korištenih jQuery metoda u proces razvoja dana. Pored ovih, postoji još mnogo jQuery metoda koje je potrebno proučiti. Svakoga dana postoji neki razvoj u jQuery metodama. Stoga svaki put kada jQuery izda svoju verziju, uključuje nekoliko novih jQuery metoda.

Preporučeni članci

Ovo je vodič za jQuery metode. Ovdje smo raspravljali o različitim vrstama jQuery metoda poput metoda manipulacije Domom, prelaska i pokretanja događaja itd. Također možete pogledati sljedeći članak kako biste saznali više -

  1. Kako instalirati Jquery?
  2. Što je jQuery?
  3. Što je PostgreSQL?
  4. Alati za upravljanje SQL-om
  5. jQuery upitSelector
  6. Vodič za primjere JQuery Progress Bar-a

Kategorija:

Razvoj softvera