JQuery библиотеката съдържа много функции, които ви позволяват да манипулирате DOM възли в документ: изтриване, клониране, вграждане, преместване. Функцията jQuery appendTo () се нарича за елемент (или набор от елементи). Той приема дестинацията като входен параметър - възел, където ще се генерира движението. Основният синтаксис на метода jQuery appendTo:
Контекст на повикването
$ ('span') appendTo (target);
$ ('p.red') appendTo (цел);
Също така контекста може да бъде създаден в движение:
$ (' Здравейте, world ') .appendTo (target);
$ (' Някои текстове ') .appendTo (цел);
В този случай елементите се създават ръчно, но не се избират сред съществуващите в документа. Възелите в комплекта ще бъдат преместени в края на целевия елемент. Ако в момента те са на страницата, функцията jQuery appendTo () ги изчиства от текущото местоположение и ги премества в новата.
& lt ;! - fb_336x280_1 - & gt;
& lt; script & gt; (adsbygoogle = window.adsbygoogle || []). push ({});
Ако комплектът включва няколко възли, те ще се считат за едно парче.
$ ('span.test') appendTo (цел);
Ако в документа има три участъка с участък за изпитване, в края на целта ще бъде вмъкнат тристепенен участък.
цел на параметъра
Единственият входен параметър за метод jQuery appendTo () е дестинацията за вмъкване на елементи. Тя може да бъде посочена катоjQuery-set или като обикновен селектор:
$ ('h2') appendTo ($ ('.continent'));
$ ('p') appendTo ('div');
Движещите се възли ще бъдат разположени в самия край на целевия елемент, след всички негови спомагателни възли.
Ако целта е набор jQuery, състоящ се от повече от един елемент, с всяка от тях ще се извърши манипулация. В този случай подвижното съдържание се копира, така че да може да се дублира на няколко места.
& lt ;! - fb_336x280_2 - & gt;
& lt; script & gt; (adsbygoogle = window.adsbygoogle || []). push ({});
Изчислена стойност
Функцията jQuery appendTo () връща jQuery набор, състоящ се от подвижни елементи. Тази стойност е идентична с параметъра за съдържание в горния подпис на метода.
Прилагане на jQuery appendTo ()
Пример за използване на метода за вмъкване на генериран сайт.
Начална маркировка:
Първо дете
Второ дете
Вмъкване на третия възел:
var child = $ (' ThirdChild ');
child.appendTo ($ ('. Родител'));
Актуализиран код:
Първо дете
Второ дете
64) Трето дете