JQuery, hogyan kell létrehozni az elem (több szempontból is)

A következő append () függvény

Új elemek a jQuery több szempontból is. A legegyszerűbb ezek közül használni append () függvény (add). Tegyük fel, hogy van egy fajta a DIV, amelynek belsejében is van egy pár elemet, és meg kell, hogy hozzon létre egy másik, egy harmadik.

Ha azt szeretnénk, hogy hozzon létre egy üres DIV:

Ha azt szeretnénk, hogy hozzon létre egy elemet a megadott attribútumokkal vagy szöveg:

Mivel a szülő tároló már számos olyan elemet, az új elem lesz a vége a szülő, ez után a második:

Az általunk használt appendTo () függvény

Mehetsz a másik irányba, egy kissé eltérő funkciót, amely az úgynevezett appendTo () (hozzá). A különbség az, hogy nem okozott a szülő, és az egyik, hogy lesz hozzá. Így ez a funkció lenne az ellenkezője az előzőt. Az eredmény az alábbi kódot lesz teljesen azonos az előzővel:

Mi a különbség az, kérdezed? A különbség a append () és appendTo () jelentése a logika a lánc hívások. Sok jQuery adják vissza a jQuery objektum típus annak érdekében, hogy képes legyen kényelmesen és kompakt továbbra műveleteket végeznek rajtuk. Vessen egy pillantást az alábbi két esetben:

Az első esetben, append () függvény egy objektum azonosító fő, vagyis a szülő, és akkor neki egy új CSS-tulajdonság lesz hozzá. A második esetben appendTo () függvény visszaadja az újonnan létrehozott elem, és a CSS-tulajdonság csak akkor alkalmazható rá.

Tartsuk szem előtt, hogy a fent leírt funkciókat nem csak létrehozására, hanem mozogni meglévő elemek. például, az egyik szülő egy másik. Tegyük fel, hogy a következő HTML:

Ha azt akarjuk, hogy mozog a 4. eleme a harmadik belső, futtassa a következő kódot:

Prepend () és prependTo ()

Amint felfedeztük, hogy a két korábbi funkciók, akkor létrehozhat egy elemének és helyezze belül a B elem, míg az A helyezünk végén B, és vált az utolsó gyerek elem. betoldott () és prependTo () nem az ellenkezőjét: ők teszik az első eleme egy, a gyermek elemek a szülő B, azaz tegyük elején B. Ha megvan ez a HTML-kód:

Elkészítjük, és mozgassa az elemeket keresztül előtt () függvényt. után (). insertAfter (). insertBefore ()

A funkciók korábban tárgyalt, hozzon létre, vagy mozgassa az elemeket vagy az elején vagy a végén a szülő konténer. Ha azt szeretnénk, hogy a tárgyat a kívánt helyre előtt vagy után egy másik tárgy, akkor használja a következő funkciókat:

tsel.before (tárgy) - beszúrja az objektum előtt a célt, és visszatér a célt.
tsel.after (tárgy) - beszúrja a tárgy a cél, és visszatér a célt.
obekt.insertBefore (cél) - beszúrja az objektum előtt a cél, és visszaadja egy objektum.
obekt.insertAfter (cél) - beszúrja a tárgy a cél, és visszaadja egy objektum.

Tegyük fel, hogy van egy HTML:

Ha azt akarjuk, hogy hozzon létre egy elemet, és tegyük az első előtt: a második, majd például festeni a színe zöld, akkor lehet menni kétféleképpen azonos:

Ha azt szeretnénk, hogy hozzon létre egy objektumot, például mielőtt az első, majd festeni az első zöld:

Azt hiszem, a logika világos, semmi bonyolult.

Hogyan hozzunk létre az elemek a felhasználóbarátabb

Ha az újonnan létrehozott elem szükséges beállítani néhány tulajdonság, vagy „lefagy” a neki néhány eseménykezelőkkel, hogy sokkal kényelmesebb szintaxis létrehozása elemek a következők lehetnek:

A szolgáltatás valós husky az ügyfél fényképeket, amelyek hajlandóak fizetni minőség.

Ezért toborozni és távoli alkalmazottak, akik ezt a munkát, hogy van, tegye a husky és kap fizetett érte.