Jquery как да създадете елемент (няколко начина)

Използвайте (функцията на добавяне)

Създаване на нови елементи в JQuery по няколко начина. Най-простият от тях е да се използва функция за добавяне () (добавяне). Да предположим, че имаме един вид на DIV, в рамките на който също има няколко елемента, а вие трябва да създадете още един, трети.

Ако искате да създадете празен DIV:

Ако искате да създадете елемент с посочените атрибути или текст:

Както родителския контейнер вече има редица елементи, новият елемент ще бъде в края на родителя, което е, след като вторият:

Ние използваме функция appendTo ()

Можете да отидете на друг начин, с помощта на малко по-различна функция, която се нарича appendTo () (добавете към). Нейната разлика е, че тя не е причинена от родител, и с този, който ще бъде добавен. Ето как тази функция ще бъде точно обратното на предишната. Резултатът от следния код ще бъде напълно идентичен с предишния:

Каква е разликата, ще попитате вие? Разликата между добавяне () и appendTo () е логиката на верига на разговори. Много JQuery функции връщат тип JQuery обект, за да бъде в състояние да удобно и компактно да продължи да извършва действия по тях. Обърнете внимание на следните два случая:

В първия случай, добавете () връща обект с идентификатор главната, което означава, че компанията-майка, а след това, че е за него ще бъде добавен нов CSS-собственост. Във втория случай функция appendTo () ще върне новосъздадения елемент и CSS-имот ще се прилага само за него.

Имайте предвид, че функциите, описани по-горе, не може само да създават, но също така и да се движат съществуващите елементи. например, от един родител в друга. Да предположим, че имаме следния HTML:

Ако искаме да се движи на 4-тия елемент на третата отвътре, стартирайте следния код:

Вмъкване () и prependTo ()

Тъй като ние открихме, като се използват две предишни функции, можете да създадете елемент на A и го поставете във вътрешността на елемент Б, а се поставя в края на Б, и да стане последното му дете елемент. Добавяне в началото () и prependTo () правят точно обратното: те правят първия елемент на детето елементите на родител B, което е, поставете го в началото на Б. Ако имаме този HTML код:

Ние създаваме и да се премести на елементите чрез преди () функции. след (). insertAfter (). insertBefore ()

Сред обсъжданите по-рано функции, създаване или преместване на елементи или в началото или в края на родителския контейнер. Ако искате да поставите обекта в желаното място преди или след друг обект, а след това можете да използвате следните функции:

tsel.before (обект) - поставя предмета в предната част на вратата и се връща на целта за.
tsel.after (обект) - поставя предмета след гол и се връща на целта за.
obekt.insertBefore (цел) - поставя предмета в пред вратата и се връща обект.
obekt.insertAfter (цел) - поставя предмета в целта и се връща обект.

Да предположим, че е налице HTML:

Ако искаме да създадете елемент, поставете го след първия и преди: секунди, а след това, например, за да го боя в зелен цвят, а след това можете да отидете два начина идентични:

Ако искате да се създаде обект, например, преди първото и след това боя първото зелено:

Мисля, че логиката е ясна, нищо сложно.

Как да създадете елементите на един по-лесен

Ако новосъздадения елемент е необходимо да се определят някои свойства, или "виси" на него няколко обработват събитие, това е по-удобно синтаксис за създаване на елементи биха могли да бъдат следните: