Knjižnica jQuery sadrži mnoge značajke koje vam omogućuju manipuliranje DOM čvorovima u dokumentu: brisanje, kloniranje, ugradnja, premještanje. Funkcija jQuery appendTo () se poziva za element (ili skup elemenata). Prihvaća odredište kao ulazni parametar - čvor u kojem će se kretanje generirati. Osnovna sintaksa metode jQuery appendTo:
Kontekst poziva
$ ('span') appendTo (target);
$ ('p.red') appendTo (cilj);
I kontekst se može stvoriti u letu:
$ (' Zdravo, svijet ') .appendTo (target);
$ (' Neki tekst ') .appendTo (cilj);
U ovom slučaju, elementi se stvaraju ručno, ali ne i među postojećim u dokumentu. Čvorovi u skupu bit će premješteni na kraj ciljnog elementa. Ako se trenutno nalaze na stranici, jQuery appendTo () funkcija ih briše iz trenutne lokacije i premješta ih u novu.
& lt ;! - fb_336x280_1 - & gt;
& lt; script & gt; (adsbygoogle = window.adsbygoogle || []). push ({});
Ako skup sadrži nekoliko čvorova, oni će se smatrati jednim dijelom.
$ ('span.test') appendTo (target);
Ako u dokumentu postoje tri rasponska čvora s ispitnom klasom, na kraju cilja umetnut će se raspon od tri elementa.
cilj parametra
Jedini ulazni parametar za jQuery metodu appendTo () je odredište za umetanje elemenata. Može se odrediti kaojQuery-set ili kao obični selektor:
$ ('h2') appendTo ($ ('.continent'));
$ ('p') appendTo ('div');
Pokretni čvorovi bit će smješteni na samom kraju ciljnog elementa, nakon svih njegovih pomoćnih čvorova.
Ako je cilj jQuery skup koji se sastoji od više od jednog elementa, manipulacija će se izvršiti sa svakim od njih. U ovom slučaju, pokretni sadržaj se kopira tako da se može kopirati na nekoliko mjesta.
& lt ;! - fb_336x280_2 - & gt;
& lt; script & gt; (adsbygoogle = window.adsbygoogle || []). push ({});
Izračunata vrijednost
Funkcija jQuery appendTo () vraća skup jQuery koji se sastoji od pomičnih elemenata. Ova vrijednost je identična parametru sadržaja u gornjem potpisu metode.
Primjena jQuery appendTo ()
Primjer korištenja metode za umetanje generiranog mjesta.
Početna oznaka:
Prvo dijete
Drugo dijete
Umetanje trećeg čvora:
var child = $ (' ThirdChild ');
child.appendTo ($ ('. Parent'));
Ažurirano obilježavanje:
Prvo dijete
Drugo dijete
Treće dijete