Работа със структурата на страницата
Създаване и добавяне на дъщерни елементи
Създаване на нови елементи
За да създадете нови елементи на HTML маркиране, можете да използвате функцията jQuery, като й предадете кода на добавеното маркиране като параметър:
Тук просто създаваме нов елемент, без все още да го добавяме към html маркирането на уеб страницата.
метод на клониране
Алтернативен начин за създаване на нови елементи е методът на клониране. Този метод просто клонира маркирането на вече съществуващ елемент:
Добавяне на елементи
Самото създаване на елементи би било безполезно, ако не можем да ги добавим към структурата на уеб страницата. За добавяне jQuery предоставя няколко метода за добавяне/предваряване.
метод за добавяне
Методът append добавя елемент в края на избрания елемент. Има следните случаи на употреба:
append('html маркировка') : Вмъква посочената html маркировка в края на елемента за избор
append(element) : вмъкнете елемент в края на елемента за избор
append(jQuery) : вмъкнете jQuery обект в края на елемента за избор
append(function): Вмъква html низа за маркиране, html елемента или jQuery обекта, върнат от функцията в края на елемента за избор
Например имаме следния списък:
Нека използваме метода за добавяне:
В резултат на това окончателният списък ще изглежда така:
Функцията се извиква за всеки елемент за избор и приема два аргумента: индекс - индексът на текущия елемент за избор, който се сортира, и html - маркирането на елемента за текущи избор. Резултатът в този случай е jQuery обект, въпреки че можем да върнем само низ от маркиране и html елемент.
prepend метод
Методът prepend е подобен на метода append, с изключение на това, че добавя нов елемент къмначалото на елемента за избор. Има следните случаи на употреба:
prepend('html markup') : вмъква указаното html маркиране в началото на елемента за избор
prepend(element) : вмъкнете елемент в началото на елемента за избор
prepend(jQuery) : вмъкнете jQuery обект в началото на елемента за избор
prepend(function): Вмъква html маркиращия низ, html елемент или jQuery обект, върнат от функцията в началото на избрания елемент
Нека използваме метода за добавяне:
Използването на функцията ще бъде същото като използването й в метода за добавяне. И резултатът от предишния код ще бъде следното маркиране:
В резултат на това окончателният списък ще изглежда така:
Методи appendTo и prependTo
Методите appendTo и prependTo добавят обекти като деца към елемента, посочен в параметъра на метода. Например, по-горе добавихме елементи към списъка. Нека частично пренапишем примера с помощта на appendTo и prependTo:
И така, методите appendTo и prependTo могат да приемат или jQuery обект, или html елемент като параметри. В първия случай първо създаваме jQuery обект от маркирането ( $(' C# ') ) и след това го добавяме в началото на елемент, който има >