Metoda AppendTo v jQuery: vstavite elemente

Knjižnica jQuery vsebuje številne funkcije, ki omogočajo manipuliranje z vozliščem DOM v dokumentu: brisanje, kloniranje, vdelava, premikanje. Funkcija jQuery appendTo () se imenuje za element (ali nabor elementov). Sprejema cilj kot vhodni parameter - vozlišče, kjer se bo gibanje ustvarilo. Osnovna sintaksa metode jQuery appendTo:

Kontekst klica

Metoda se imenuje za niz jQuery, ki lahko vsebuje eno ali več vozlišč DOM. Komplet lahko nastavi kot izbirnik standardov:

$ ('span') appendTo (tarča);
$ ('p.red') appendTo (cilj);

Tudi kontekst se lahko ustvari na letalu:

$ ('
Zdravo, svet
') .appendTo (cilj);
$ (' Nekatera besedila ') .appendTo (cilj);

V tem primeru se elementi izdelajo ročno, vendar niso izbrani med obstoječimi v dokumentu. Vozlišča v nizu bodo premaknjena na konec ciljnega elementa. Če so trenutno na strani, jih funkcija jQuery appendTo () izbriše iz trenutne lokacije in jih premakne v novo.

& lt; skript async = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
& lt ;! - fb_336x280_1 - & gt;

& lt; skript & gt; (adsbygoogle = window.adsbygoogle || []). push ({});

Če komplet vsebuje več vozlišč, se štejejo za en kos.

$ ('span.test') appendTo (cilj);

Če v dokumentu obstajajo tri vozlišča s preskusnim razredom, se na koncu cilja vstavi tridelni razpon.

cilj parametra

Edini vhodni parameter za metodo jQuery appendTo () je cilj za vstavljanje elementov. Določite ga lahko kotjQuery-set ali kot običajen selektor:

$ ('h2') appendTo ($ ('.continent'));
$ ('p') appendTo ('div');

Gibljiva vozlišča bodo nameščena na samem koncu ciljnega elementa, po vseh njegovih pomožnih vozliščih.

Če je cilj sklop jQuery, sestavljen iz več kot enega elementa, se z vsako od njih izvede manipulacija. V tem primeru se premična vsebina kopira tako, da jo je mogoče podvojiti na več mestih.

& lt; skript async = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
& lt ;! - fb_336x280_2 - & gt;

& lt; skript & gt; (adsbygoogle = window.adsbygoogle || []). push ({});

Izračunana vrednost

Funkcija jQuery appendTo () vrne niz jQuery, sestavljen iz premičnih elementov. Ta vrednost je enaka parametru vsebine v zgornjem podpisu metode.

Uporaba jQuery appendTo ()

Primer uporabe metode za vstavitev ustvarjenega mesta.

Začetna oznaka:


Prvi otrok

Drugi otrok

​​

Vstavljanje tretjega vozlišča:

var child = $ ('
ThirdChild
');
child.appendTo ($ ('. Parent'));

Posodobljeni markup:


Prvi otrok

Drugi otrok

64) Tretji otrok

Primer večkratnega vložka.

Začetna oznaka:



Otrok 1



Otrok 2



Vsebina 1

Vsebina 2


Premikanje elementov vsebine na konec ciljnih vozlišč:


& lt; script type = "text /javascript" & gt;
lahko blockSettings2 = {blockId: "R-A-70350-2", renderTo: "yandex_rtb_R-A-70350-2", async:!
if (document.cookie.indexOf ("abmatch ="))> 0) blockSettings2.statId = 70350;
! funkcija (a, b, c, d, e) {a [c] = a [c] || [], a [c] .push (funkcija () {Ya.Context.AdvManager.render (blockSettings2)} ), e = b.getElementsByTagName ("script") , d = b.createElement ("script"), d.type = "text /javascript", d.src = "//an.yandex.ru/system /context.js ", d.async =! 0e.parentNode.insertBefore (d, e)} (ta, ta.dokument," yandexContextAsyncCallbacks ");
$ ('. Vsebina') appendTo ('. Target');

Posodobljeno označevanje:

 


Vsebina 1
Vsebina 2



Otrok 2

Vsebina 1

Vsebina 2







Vstavljanje je potekalo v obeh elementih s ciljnim razredom, izvorni prostor elementov z razredom vsebine pa je ostal prazen.
Pri delu z metodo appendTo () jQuery je pomembno razumeti mehaniko vstavljanja vozlišč in značilnosti manipulacij s sklopi elementov.

Sorodne publikacije

Primer jQuery. Enostavni primeri skriptov jQuery jQuery drsniki. Ustvarjanje drsnika jQuery Uporaba MySQL: vstavite v Zakaj vstavite fotoaparat v prenosnik. Predpostavke in dejstva. Vstavite kodo PHP v HTML. Kako to narediti prav? Vstavite kodo PHP v HTML. Kako to narediti prav?