Úvod do metód jQuery

Ak ste prekvapení slovom jQuery, dovoľte mi najskôr vám vysvetliť, čo je jQuery. jQuery je jednou z najpopulárnejších knižníc javascript na vytváranie webových stránok alebo webových aplikácií. Je špeciálne navrhnutý tak, aby riešil manipuláciu so stromom html a manipuláciu s udalosťami, ako aj prechod html stromov, prechod CSS a animáciu CSS s podporou manipulácie ajax. Je tiež otvoreným zdrojom a je zadarmo na základe licencie GNU. V tejto téme sa budeme učiť o metódach jQuery.

jQuery je veľmi ľahké sa naučiť, pretože zjednodušuje programovanie javascriptu. JQuery je kompatibilný s CSS3, kompatibilný s rôznymi prehliadačmi a má veľmi nízke ľahké rozmery. Stručne povedané, môžeme povedať, že jQuery zmenil cestu pre vývojárov, ktorí kedysi písali svoj zdĺhavý kód v javascripte. jQuery poskytuje odlišnú metódu manipulácie s domom, prierezu m, spracovania udalostí alebo spúšťania udalostí, manipulácie s atribútmi, manipulácie s rozmermi, manipulácie s CSS a animácií.

Typy jQuery metód

Tu sa naučíme rôzne typy jQuery metód uvedených nižšie

1) Manipulácia s domom

Čokoľvek použijeme tieto metódy, v konečnom dôsledku sa zameriavame na zmenu udalostí v dom. Inými slovami, môžeme povedať, že pomocou týchto metód manipulujeme dom. Niektoré z metód jQuery manipulácie s domom sú:

  • addClass (): V skupine zhodných prvkov pridá ku každému prvku zadanú triedu alebo triedy.
  • after (): Do sady zhodných prvkov vložte za každú značku prvku údaje alebo obsah zadaný parametrom.
  • append (): Stručne povedané, pomocou tejto metódy môžeme vložiť údaje alebo obsah do konkrétneho prvku.
  • attr (): Táto metóda poskytuje hodnotu atribútu konkrétneho prvku.
  • before (): Pomocou tejto metódy môžeme vložiť akékoľvek dáta alebo obsah pred každý určený prvok.
  • clone (): Pomocou tejto metódy dôkladne skopírujeme zdrojový prvok.
  • css (): Pomocou tejto metódy zmeníme css určeného prvku.
  • detach (): Pomocou tejto metódy jednoducho odstránime zadaný prvok zo stromovej štruktúry dom.
  • hasClass (): Pomocou tejto metódy nájdeme zadanú triedu pripojenú k príslušnému prvku.
  • empty (): Táto metóda vymaže všetky podriadené uzly pripojené k príslušnému stromovému prvku prvku.
  • height (): Táto metóda poskytuje hodnotu výšky špecifikovaného prvku.
  • offset (): Táto metóda nastavuje súradnicu zadaného prvku vzhľadom na dokument.
  • position (): Táto metóda získa aktuálnu polohu zadaného prvku vzhľadom na jeho nadradený prvok.
  • prop (): Táto metóda poskytuje hodnotu aktuálne vybranej vlastnosti prvku.
  • ReplaAll (): Táto metóda nahradí všetok cieľový prvok zadaným prvkom.
  • text (): Táto metóda nastavuje alebo získava hodnotu textového reťazca zadaných prvkov.
  • Val (): Táto metóda poskytuje aktuálnu hodnotu prvých špecifikovaných prvkov.
  • width (): Táto metóda poskytuje vypočítanú hodnotu šírky špecifikovaných prvkov.
  • wrap (): Táto metóda zalomí konkrétnu štruktúru html okolo každého prvku v množinách určených prvkov.
  • wrapInner (): Táto metóda obalí štruktúru html okolo obsahu jednotlivých určených prvkov.

2) Traversing

Táto metóda nám pomáha pri navigácii z jedného prvku do druhého prvku podľa hierarchie rodič - dieťa. Niektoré z metód kríženia sú:

  • add (): Táto metóda vytvorí nový objekt jQuery a pridá ho k určeným prvkom.
  • addBack (): Táto metóda pridá predchádzajúcu množinu prvku jQuery do aktuálneho prvku zásobníka.
  • deti (): Tieto metódy nájdu podradený prvok každého zadaného prvku.
  • najbližšie (): Táto metóda nájde prvok, ktorý sa najskôr zhoduje s voličom.
  • content (): Táto metóda nájde obsah zadaného prvku vrátane uzlov komentárov a textu.
  • every (): Táto metóda sa opakuje slučkou, čo znamená, že táto metóda sa použije na všetky určené prvky, ktoré sa na ňu vzťahujú.
  • end (): Táto metóda ukončí poslednú úlohu filtrovania a vráti jej priradený prvok do predchádzajúceho stavu.
  • eq (): Táto metóda redukuje množinu určeného prvku na jeden v určenom indexe.
  • filter (): Táto metóda poskytuje špecifikovaný prvok na základe filtra, ktorý poskytujeme.
  • first (): Táto metóda poskytuje špecifikovaný prvok na základe selektora, ktorý ste zadali.
  • has (): Táto metóda poskytuje množinu špecifikovaného prvku alebo selektora.
  • map (): Táto metóda vracia novú hodnotu objektu jQuery na základe funkcie, ktorá sa odovzdáva cez každý prvok.
  • next (): Táto metóda okamžite poskytne ďalší súrodenec konkrétneho vybraného prvku.
  • parent (): Táto metóda poskytuje rodičovi výber zadaného prvku.
  • prev (): Táto metóda umožňuje okamžité predchádzajúce súrodenie v súčasnosti špecifikovaných prvkov.

3) Spúšťanie udalostí

Pomocou tejto metódy registrujeme zmeny v dom-manipulácii, ktoré sa prejavia pri interakcii s prehliadačom. Niektoré z jQuery metód spracovania udalostí sú:

  • bind (): Táto metóda pripája spracovanie udalosti k zadanému prvku.
  • blur (): Táto metóda spája udalosť javascript blur s určeným prvkom.
  • change (): Táto udalosť spája určený prvok s prvkom javascript change.
  • click (): Táto metóda spája udalosť javascript click s daným prvkom.
  • delegate (): Táto metóda pripája jednu alebo viac ako jednu udalosť k špecifikovanej množine prvku.
  • die (): Táto metóda odstraňuje akýkoľvek druh spracovania javascriptových udalostí pripojený k množine určeného prvku.
  • error (): Táto metóda pripája spracovanie chybových udalostí k špecifikovanej množine prvku.
  • focus (): Tieto metódy spájajú spracovanie udalosti focusu so špecifikovanou sadou prvku.
  • hover (): Táto metóda spája spracovanie udalosti hover so špecifikovanou sadou prvku.

Snažil som sa zahrnúť maximálny počet možných použitých metód jQuery do nášho každodenného vývojového procesu. Okrem nich existuje mnoho ďalších metód jQuery, ktoré je potrebné študovať. Každý deň dochádza k určitému vývoju v metódach jQuery. Takže vždy, keď program jQuery vydá svoju verziu, obsahuje niekoľko nových metód jQuery.

Odporúčané články

Toto je sprievodca metódami jQuery. Tu sme diskutovali o rôznych typoch metód jQuery, ako sú manipulácie s domom, metódy prechádzania a spúšťania udalostí atď. Ďalšie informácie nájdete v nasledujúcom článku -

  1. Ako nainštalovať Jquery?
  2. Čo je jQuery?
  3. Čo je PostgreSQL?
  4. SQL Management Tools
  5. jQuery querySelector
  6. Sprievodca príkladmi JQuery Progress Bar

Kategórie:

Vývoj softvéru