JQuery - 5. lecke

előző ◈ a következő
Először is, úgy az alapvető technikákat dolgoznak html. majd kezelésének módszerei ezen elemek. Tehát, az alapvető módszerek:
  • html (val) - add HTML kódot a kiválasztott terméket.
    például:






Ez az utasítás növeli az összes div-s sp osztály span-s a szöveg „Hello”.

  • text () / val () - visszaadja a szöveg elem / tartalom értékét.
    például:

    Ez az utasítás visszaadja a szöveget a bekezdés.

  • szöveg (val) / Val (Val) - a szöveg az elem / érték az elem.
    például:

    Ez a nyilatkozat a fenti levelet a „szia”.

    • Nézzük például Ehhez kattints a „Repeat”, a szöveg első bekezdése volt tárolva a második bekezdés.

    Az első bekezdés!

    Az első bekezdés!

    Fuktsii fog kinézni:

    Ie első változó TP1 írunk a szöveges tartalom az első bekezdés (első sor), majd adja át a második bekezdésben (a második sorban).

    Most nézzük meg a módszereket, amelyek lehetővé teszik, hogy manipulálják az elem lehet behelyezni.
    • append (tartalom) - egészíti tartalmat az összes kiválasztott elem után a meglévő tartalmat.
      például:

    Ez az utasítás növeli a bekezdés vége a „Helló” félkövér betűtípussal.

  • appendTo (tartalom) - az inverz művelet hozzáadja tartalom az összes kiválasztott elemet.
    például:

    Ez az utasítás majd adjunk hozzá egy bekezdés, hogy a végén az elemet a „fő” azonosítót.

    Más szavakkal:
    $ (A) .append (B) - Add, hogy a végén A.
    $ (A) .appendTo (B) - add, hogy a végén egy V.

  • betoldott (tartalom) - egészíti tartalmat az összes kiválasztott elemet a meglévő tartalmat.
    például:

    Ezt a nyilatkozatot helyezze elején a bekezdés szövege „Hello” félkövér betűtípussal.

  • prependTo (tartalom) - az inverz művelet hozzáadja tartalom az összes kiválasztott elemet.
    például:

    Ezt az állítást be egy bekezdés, hogy a tetején az elem azonosítójával „fő”.

    Más szavakkal:
    $ (A) .prepend (B) - Add, hogy a tetején A.
    $ (A) .prependTo (B) - növeli a tetején egy V.

  • után (tartalom) - hozzáadja tartalom után az összes kiválasztott elemet (Megjegyzés Miután elem helyett a végén elem mint abban az esetben az append.
    például:

    Ezek az utasítások be bekezdés után a szöveg a „Hello” félkövér betűtípussal.

  • befor (tartalom) - hozzáadja tartalom minden kiválasztott elemet (megjegyzés elem helyett a felső eleme, mint abban az esetben betoldott.
    például:

    Ezek az utasítások be bekezdés előtt a „Helló” félkövér betűtípussal.

  • insertAfter (tartalom) - beszúrja az összes kijelölt elem például a tartalom-UTÁN.
    például:

    Ez a nyilatkozat beszúr egy bekezdést követően az elem azonosítójával „fő”.

    Más szavakkal:
    $ (A) .Egy (B) - helyezze B után A.
    $ (A) .insertAfter (B) - helyezze után V.

  • insertBefore (tartalom) - beszúrja az összes kiválasztott elemeket, mielőtt tartalmat-edik.
    például:

    Ez az útmutató inzert előző elemet a „fő” azonosítót.

    Más szavakkal:
    $ (A) -jodidot (B) - behelyezve az első A.
    $ (A) .insertBefore (B) - helyezze B-be







    • Vegyünk egy példát. Biztosítsuk, hogy a sárga négyzetek (egyetlen kattintással - egy doboz) jelenik meg, ha rákattint a „Hozzáadás” gombra a piros téglalap.

    Kód html-oldalak áll div-a és a gombot:

    Style.css az oldalon, mint mindig határozza meg a stílust:

    Nos, a funkció kód nagyon rövid:

    funkció addYellowSquare ()<$("#red_sk").prepend("

    Ez ilyen egyszerű. De továbbra is figyelembe veszi módszerek magukat:
    • pakolás (html) - pakolások minden egyes elem egy pakolás tagja.
      például:

    Ez a kézikönyv lezárja minden bekezdés span-én.

  • wrapAll (html) - pakolások összes eleme egy elem wrapper.
    például:

    Ez a kézikönyv lezárja az összes bekezdések egy span-én.

    Ez a kézikönyv biztosítja a tartalmát minden bekezdés dőlt.

  • replaceWith (tartalom) - helyettesít más elemeket.
    például:

    Ez a kézikönyv lecseréli az összes span-s div-ek.

  • replaceAll (választó) - az inverz művelet, azaz a minden választó-s fog változni az elemeknek.
    például:

    Ez a kézikönyv lecseréli az összes div-s-s átível.

  • empty () - eltávolítja az elemet az összes gyermek csomópontok, beleértve a szöveget.
    például:

    Ezek az utasítások törli az összes tartalmát a span-ok.

  • remove () - eltávolítja az elemeket magukat.
    például:

    Ezek az utasítások törli az összes span-ok.

  • klón () - klónok elemek.
    például:

    Ez a kézikönyv lesz a tételek félkövér és add meg a div.

    • Az utolsó példában, az általunk megérintett egy másik aspektusa a jQuery, nevezetesen, hogy támogassa ezt a könyvtárat hívás lánc. Ie hívhatjuk több módszer egy sorban, elválasztva őket. Ez kényelmes? Rajtad múlik. Ha ez összezavarta nem használja az egészségre. A jövőben, akkor gyakran használják ezt a típusú felvételt.

    Végül vessünk egy másik példát. Tegyük fel, hogy van egy lista néhány, és azt akarjuk, hogy a felhasználók elemeket szeretne felvenni:

    Városunk:
    • Arhangelszk
    • Moszkva
    • Irkutszk
    Teljes lista: jQuery html
  • Városunk:
    • Arhangelszk
    • Moszkva
    • Irkutszk
    Teljes lista:

    Csak így, akkor nem sok mindent segítségével jQuery. Már tudom, ahhoz, hogy megpróbálja, hogy tegyen valamit a saját, a vizsgált módszerek. Például, próbálja felhívni a sakktábla (8 x 8-sejtek, azok számára, akik nem emlékszem), és a következő alkalommal meg, hogyan lehet ezt megtenni.

    Ha ezen az oldalon volt hasznos az Ön számára, segíthet a fejlesztési azáltal az alábbi linkek webhelyére.




    Kapcsolódó cikkek

    • előző ◈ a következő