Bevezetés a jQuery módszerekbe

Ha meglepte a jQuery szó, hadd mondjam el először neked, mi a jQuery. A jQuery az egyik legnépszerűbb javascript könyvtár, amely webhelyeket vagy webes alkalmazásokat készít. Kifejezetten a html dom-fa manipuláció és eseménykezelés, valamint a html dom-fa átjárása, a css-átmenet és a css-animáció megoldására szolgál az ajax kezelésének támogatásával. Ez is nyílt forráskódú és díjmentes a gnu licenc alapján. Ebben a témában megismerjük a jQuery módszereket.

A jQuery nagyon könnyű megtanulni, mivel egyszerűsíti a javascript programozását. A JQuery CSS3-kompatibilis, böngészők közötti kompatibilitással rendelkezik, és nagyon alacsony lábnyomai vannak. Röviden, elmondhatjuk, hogy a jQuery megváltoztatta azon fejlesztők útját, akik a hosszú kódot javascript-ben írták. A jQuery eltérő módszert kínál a dom manipulációhoz, a keresztirányú m-hez, az eseménykezeléshez vagy az eseményindítóhoz, az attribútumok manipulációjához, a dimenziós manipulációhoz, a css-manipulációhoz és az animációkhoz.

A jQuery módszerek típusai

Itt megtanuljuk a jQuery módszerek különféle típusait, az alábbiakban bemutatva

1) Dom manipuláció

Bármit is használunk ezeket a módszereket, a végén a dom események megváltoztatására összpontosítunk. Más szavakkal, mondhatjuk, hogy ezekkel a módszerekkel manipuláljuk a dom-ot. Néhány dom manipulációs jQuery módszer:

  • addClass (): Az illesztett elemek halmazában hozzáadja a megadott osztályt vagy osztályokat minden elemhez.
  • után (): Az illesztett elemek halmazába illesszen be minden elemcímke után a paraméter által megadott adatokat vagy tartalmat.
  • append (): Röviden szólva azt mondhatjuk, hogy ezzel a módszerrel adatokat vagy tartalmat illesztünk be az adott elembe.
  • attr (): Ez a módszer megadja az adott elem attribútumértékét.
  • before (): Ezzel a módszerrel bármilyen adatot vagy tartalmat beilleszthetünk minden egyes elem elé.
  • clone (): Ezzel a módszerrel mélyre másoljuk a beszerzett elemet.
  • css (): Ezzel a módszerrel megváltoztatjuk a megadott elem css-jét.
  • detach (): Ezzel a módszerrel egyszerűen töröljük a megadott elemet a dom fáról.
  • hasClass (): Ennek a módszernek a segítségével a megadott osztályt csatoljuk az adott elemhez.
  • üres (): Ez a módszer az összes dom fához csatolt gyermekcsomópontokat törli.
  • magasság (): Ez a módszer adja meg a megadott elem magasságát.
  • offset (): Ez a módszer állítja be a megadott elem koordinátáját a dokumentumhoz viszonyítva.
  • position (): Ez a módszer megkapja a megadott elem aktuális helyzetét a szülő elemhez viszonyítva.
  • prop (): Ez a módszer megadja az aktuálisan kiválasztott elemtulajdonság értékét.
  • replaAll (): Ez a módszer az összes célelemet felváltja a megadott elemre.
  • text (): Ez a módszer beállítja vagy megkapja a megadott elemek szöveges karakterlánc értékét.
  • Val (): Ez a módszer az első megadott elemek aktuális értékét adja meg.
  • Szélesség (): Ez a módszer adja meg a megadott elemek kiszámított szélességi értékét.
  • wrap (): Ez a módszer az adott html struktúrát az egyes elemek köré körvonalazza a meghatározott elemek halmazában.
  • wrapInner (): Ez a módszer körülteszi a html struktúrát az egyes megadott elemek tartalma körül.

2) Átkelés

Ez a módszer elősegíti a navigációt egyik dom elemről a másik dom elemre a szülő-gyermek hierarchiát követve. Néhány átjárási módszer a következő:

  • add (): Ez a módszer új jQuery objektumot hoz létre, és hozzáadja azt a megadott elemekhez.
  • addBack (): Ez a módszer hozzáad egy jQuery elem korábbi halmazát az aktuális verem elemhez.
  • children (): Ezek a módszerek meghatározzák az egyes megadott elemek gyermekelemeit.
  • legközelebbi (): Ez a módszer megtalálja az elemet, amely először illeszkedik a választóhoz.
  • content (): Ez a módszer megkeresi a megadott elem tartalmát, beleértve a megjegyzés csomópontokat és a szöveget is.
  • mindkettő (): Ez a módszer hurkon keresztül iterál, vagyis ez a módszer az összes meghatározott elemre vonatkozik.
  • end (): Ez a módszer lezárja a legfrissebb szűrési feladatot, és visszaállítja az illesztett elemét az előző állapotába.
  • eq (): Ez a módszer a megadott elem halmazát egyre csökkenti a megadott indexnél.
  • filter (): Ez a módszer megadott elemet ad a megadott szűrő alapján.
  • first (): Ez a módszer megadja a megadott elemet az Ön által megadott szelektor alapján.
  • rendelkezik (): Ez a módszer megadja a megadott elem vagy választókészlet halmazát.
  • map (): Ez a módszer a jQuery objektum új értékét adja vissza, az egyes elemekön átadott függvény alapján.
  • következő (): Ez a módszer azonnal megadja a kiválasztott elem következő testvérét.
  • parent (): Ez a módszer megadja a szülő számára a megadott elem kiválasztását.
  • prev (): Ez a módszer a jelenleg meghatározott elemek azonnali testvérét adja.

3) Eseményindító

Ezzel a módszerrel regisztráljuk azokat a változásokat a dom-manipulációban, amelyek a böngészővel való interakció során lépnek érvénybe. A jQuery eseménykezelési módszerei közül néhány a következő:

  • bind (): Ez a módszer eseménykezelést csatol a megadott elemhez.
  • blur (): Ez a módszer a javascript elmosódását rendeli el a megadott elemhez.
  • change (): Ez az esemény a megadott elemet köti a javascript módosító elemmel.
  • click (): Ez a módszer a kattintással kapcsolatos javascript eseményt köti a megadott elemhez.
  • delegate (): Ez a módszer egy vagy több eseményt csatol az elem megadott halmazához.
  • die (): Ez a módszer eltávolítja a javascript eseménykezelést, amely a megadott elem halmazához kapcsolódik.
  • hiba (): Ez a módszer hibaüzenet-kezelést rendel az elem megadott halmazához.
  • focus (): Ezek a módszerek összekötik egy fókusz eseménykezelést az elem megadott halmazával.
  • hover (): Ez a módszer a hover esemény kezelését az elem megadott halmazához köti.

Nos, megpróbáltam beépíteni a lehetséges jQuery módszerek maximális számát a napi fejlesztési folyamatba. Ezen kívül még sok más jQuery módszer is tanulmányozandó. Naponta fejlődik a jQuery módszerek. Tehát minden alkalommal, amikor a jQuery kiadja verzióját, számos új jQuery metódust tartalmaz.

Ajánlott cikkek

Ez egy útmutató a jQuery Methods-hoz. Itt megvitatjuk a jQuery módszerek különféle típusait, például a domb manipulációját, az átjárást és az eseményindító módszereket stb. További tudnivalókért a következő cikket is megnézheti -

  1. Hogyan telepíthetem a Jquery-t?
  2. Mi a jQuery?
  3. Mi a PostgreSQL?
  4. SQL felügyeleti eszközök
  5. jQuery querySelector
  6. Útmutató a JQuery Progress Bar példákhoz

Kategória:

Szoftverfejlesztés