Úvod do jQuery metod

Pokud vás překvapí slovo jQuery, dovolte mi nejprve vám vysvětlit, co je jQuery. jQuery je jednou z nejpopulárnějších knihoven javascriptu pro vytváření webových stránek nebo webových aplikací. Je speciálně navržen tak, aby vyřešil manipulaci s html dom stromy a manipulaci s událostmi, jakož i html procházení stromovými stromy, css přechod a animaci css s podporou zpracování ajax. Je to také open source a zdarma na základě licence gnu. V tomto tématu se budeme učit o metodách jQuery.

jQuery se velmi snadno učí, protože zjednodušuje programování v javascriptu. JQuery je kompatibilní s CSS3, kompatibilní s různými prohlížeči a má velmi nízké rozměry. Stručně lze říci, že jQuery změnil cestu pro vývojáře, kteří dříve psali svůj zdlouhavý kód v javascriptu. jQuery poskytuje odlišnou metodu manipulace s domem, příčného m, zpracování události nebo spouštění události, manipulace s atributy, manipulace s kótou, manipulace s css a animace.

Typy jQuery metod

Zde se naučíme různé typy jQuery metod uvedených níže

1) Dom Manipulation

Ať už použijeme tyto metody, nakonec se zaměříme na měnící se dom události. Jinými slovy, můžeme říci, že pomocí těchto metod manipulujeme s domem. Některé z metod manipulace s domem jsou:

  • addClass (): V sadě odpovídajících prvků přidá ke každému prvku zadanou třídu nebo třídy.
  • after (): Do sady odpovídajících prvků vložte data nebo obsah určený parametrem za každou značku prvku.
  • append (): Krátce řečeno, můžeme říci, že pomocí této metody vložíme data nebo obsah do konkrétního prvku.
  • attr (): Tato metoda poskytuje hodnotu atributu konkrétního prvku.
  • before (): Pomocí této metody můžeme vložit jakákoli data nebo obsah před každý určený prvek.
  • clone (): Pomocí této metody hloubkově zkopírujeme zdrojový prvek.
  • css (): Pomocí této metody změníme css určeného prvku.
  • detach (): Pomocí této metody jednoduše odstraníme určený prvek ze stromu dom.
  • hasClass (): Pomocí této metody najdeme zadanou třídu připojenou k danému prvku.
  • empty (): Tato metoda odstraní všechny podřízené uzly připojené ke konkrétnímu stromovému prvku prvku.
  • height (): Tato metoda udává hodnotu výšky určeného prvku.
  • offset (): Tato metoda nastavuje souřadnice zadaného prvku vzhledem k dokumentu.
  • position (): Tato metoda získá aktuální polohu zadaného prvku vzhledem k jeho nadřazenému prvku.
  • prop (): Tato metoda udává hodnotu aktuálně vybrané vlastnosti prvku.
  • ReplaAll (): Tato metoda nahradí celý cílový prvek zadaným prvkem.
  • text (): Tato metoda nastaví nebo získá hodnotu textového řetězce zadaných prvků.
  • Val (): Tato metoda udává aktuální hodnotu prvních určených prvků.
  • width (): Tato metoda poskytuje vypočítanou hodnotu šířky zadaných prvků.
  • wrap (): Tato metoda obtéká konkrétní strukturu html kolem každého prvku v sadách určených prvků.
  • wrapInner (): Tato metoda obtéká strukturu html kolem obsahu jednotlivých určených prvků.

2) Traversing

Tato metoda nám pomáhá při přechodu z jednoho prvku dom na další prvky dom podle hierarchie rodič-dítě. Některé z metod procházení jsou:

  • add (): Tato metoda vytvoří nový objekt jQuery a přidá jej k určeným prvkům.
  • addBack (): Tato metoda přidá předchozí sadu prvku jQuery do aktuálního prvku zásobníku.
  • children (): Tyto metody najdou podřízený prvek každého určeného prvku.
  • nejbližší (): Tato metoda najde prvek, který odpovídá prvnímu selektoru.
  • content (): Tato metoda najde obsah určeného prvku včetně uzlů komentáře a obou textů.
  • every (): Tato metoda iteruje smyčkou, což znamená, že tato metoda bude použita na všechny určené prvky, které se na ni vztahují.
  • end (): Tato metoda ukončí poslední úlohu filtrování a vrátí odpovídající prvek do předchozího stavu.
  • eq (): Tato metoda redukuje sadu určeného prvku na jeden v určeném indexu.
  • filter (): Tato metoda poskytuje zadaný prvek na základě filtru, který poskytujeme.
  • first (): Tato metoda poskytuje zadaný prvek na základě vybraného selektoru.
  • has (): Tato metoda poskytuje sadu specifikovaného prvku nebo selektoru.
  • map (): Tato metoda vrací novou hodnotu objektu jQuery na základě funkce, která je předávána každým prvkem.
  • next (): Tato metoda okamžitě poskytne další sourozenec konkrétního vybraného prvku.
  • parent (): Tato metoda poskytuje rodiči výběr zadaného prvku.
  • prev (): Tato metoda umožňuje okamžité předchozí sourození aktuálně specifikovaných prvků.

3) Spuštění události

Pomocí této metody registrujeme změny v dom-manipulaci, které se projeví při interakci s prohlížečem. Některé z jQuery metod zpracování událostí jsou:

  • bind (): Tato metoda připojí zpracování události k určenému prvku.
  • blur (): Tato metoda spojí událost javascript rozostření s určeným prvkem.
  • change (): Tato událost spojí určený prvek s elementem javascript pro změnu.
  • click (): Tato metoda spojí událost javascript click s daným prvkem.
  • delegate (): Tato metoda připojí jednu nebo více než jednu událost k určené sadě prvku.
  • die (): Tato metoda odstraní jakýkoli druh zpracování událostí javascript připojený k sadě určeného prvku.
  • error (): Tato metoda připojí zpracování chybových událostí k určené sadě prvku.
  • focus (): Tyto metody spojují zpracování události focus se zadanou sadou prvku.
  • hover (): Tato metoda spojí zpracování události hover se zadanou sadou prvku.

Snažil jsem se zahrnout maximální počet možných použitých metod jQuery do našeho každodenního procesu vývoje. Kromě toho existuje mnoho dalších metod jQuery, které je třeba studovat. Každý den dochází k určitému vývoji v metodách jQuery. Takže pokaždé, když jQuery vydá svou verzi, zahrnuje několik nových metod jQuery.

Doporučené články

Toto je průvodce metodami jQuery. Zde diskutujeme o různých typech metod jQuery, jako je Dom Manipulation, Traversing a Event triggingering etc. atd. Další informace naleznete také v následujícím článku -

  1. Jak nainstalovat Jquery?
  2. Co je jQuery?
  3. Co je PostgreSQL?
  4. Nástroje pro správu SQL
  5. jQuery querySelector
  6. Průvodce příklady JQuery Progress Bar

Kategorie:

Vývoj softwaru