Jquery - добавяне на елементи

Предишен ◈ Следващото

С JQuery е лесно да се добавят нови функции / съдържание. Помислете за няколко метода, които ви позволяват да направите това.

Добави новото съдържание HTML

Ние разглеждаме четирите метода JQuery, които се използват, за да добавите ново съдържание:

добави () - съдържание вложки в края на избраните елементи
Добавяне в началото () - съдържание вложки в началото на избраните елементи
след () - Вмъква съдържанието след избраните елементи
преди () - вложки съдържание преди избраните елементи

JQuery добавяне () метод

JQuery добави () метод вмъква съдържание LAST селекции HTML.

$ ( "P") добавяне ( "Някои текст добавка ..");

JQuery Вмъкване () метод

JQuery сравнява първите () метод вмъква съдържанието Начало елементи избрани HTML.

$ ( "P") сравнява първите ( "Някои текст добавка ..");

Добавете няколко нови елементи, използвайки добавяне () и се добавя нищо ()

И в двата примера по-горе, ние сме просто сложи в някакъв текст / на HTML в началото / края на избраните елементи на HTML.

функционира appendText ()
Var txt1 = "

Тест.

// Създаване на HTML елемент
Var txt2 = $ ( "

") .text (" Текст "). // създаде с JQuery
Var txt3 = document.createElement ( "Р"); // Създаване на DOM
txt3.innerHTML = "текст."
$ ( "P") добавяне (txt1, txt2, txt3) .; // добавяне на нови елементи
>

Методи JQuery след () и преди ()

JQuery след () метод вмъква съдържание след избраните елементи на HTML.

JQuery преди () метод вмъква HTML съдържание преди избрани елементи.

. $ ( "Img"), след като ( "Някои текст след");

$ ( "Img") преди ( "е част от текста, за да.");

Добавете няколко нови елементи, използвайки след () и преди ()

функционира afterText ()
Var txt1 = "аз "; // Създаване на HTML елемент
Var txt2 = $ ( "") .text (" любов "); // създаване на с JQuery
Var txt3 = document.createElement ( "голям"); // Създаване на DOM
txt3.innerHTML = "JQuery!";
$ ( "Img") след (txt1, txt2, txt3) .; // въведете новите елементи
>