Latest web development tutorials

JQuery добавить элементы

По Jquery, вы можете легко добавлять новые элементы / содержание.

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

Мы будем учиться добавлять новый контент для четырех метода JQuery:

  • присоединять () - Вставить в конце выбранного элемента
  • перед именем () - Вставьте в начале выбранного элемента
  • после того, как () - Вставить после того, как выбранные элементы
  • перед тем () - Включить перед выбранными элементами

JQuery Append () метод

метод JQuery Append () вставляет содержимое в конце выбранного элемента.

примеров

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

Попробуйте »

JQuery перед именем метода ()

Метод JQuery перед именем () вставляет содержимое в начале выбранного элемента.

примеров

. $ ( "P") перед именем ( " добавить текст в начале");

Попробуйте »

Добавить несколько новых элементов путем добавления () и препендом () метод

В приведенном выше примере, мы находимся только в начале выбранного элемента / конец вставки текста / HTML.

Метод Однако добавление () и перед именем () может получить неограниченное количество новых элементов по параметру. Можно создать текст / HTML (как в приведенном выше примере), с помощью JQuery, или с помощью кода JavaScript и элементов DOM.

В следующем примере мы создаем несколько новых элементов. Эти элементы могут быть созданы с помощью текста / HTML, JQuery или JavaScript / DOM. Затем мы добавляем метод () этих новых элементов, добавленных к тексту (для препендом () одинаково эффективны):

примеров

функция appendText () { вар txt1 = "<р> текст </ p>."; // создание текста с помощью HTML - тегов вар . Txt2 = $ ( "<р > </ p>") текст ( " текст."); // Создание текста с помощью JQuery вар . Txt3 = документ createElement ( "р ") ;. txt3 innerHTML = " текст."; // Создание текста с использованием текста с помощью DOM DOM $ ( "Тело") Append ( txt1, txt2, txt3) ;. // Добавление нового элемента }

Попробуйте »

JQuery после того, как () и до () метод

метод JQuery после того, как () для вставки содержимого после выбранного элемента.

метод JQuery ранее () перед выбранным вставках элементов.

примеров

$ ( "Img") после того, как ( " после добавить текст") ;. $ ( "Img ") перед ( " добавить текст перед");

Попробуйте »

Добавляя ряд новых элементов после () и до () метод

после того, как () и до () метод может получить неограниченное количество новых элементов по параметру. Вы можете создавать новые элементы с помощью текстовых / HTML, JQuery или JavaScript / DOM.

В следующем примере мы создаем несколько новых элементов. Эти элементы могут быть созданы с помощью текста / HTML, JQuery или JavaScript / DOM. Затем после того, как () методы этих новых элементов в текст (раньше () одинаково эффективны):

примеров

функция afterText () { вар txt1 = "<B> < / b>"; // создать элементы , используя HTML вар txt2 = $ ( "<I> </ I>") текст ( "любовь") ;. // создать элементы , используя JQuery вар txt3 = документ createElement ( "большой" ) ;. // создать элементы , используя DOM txt3 innerHTML = "Jquery!"; . $ ( "IMG") после того, как (txt1, txt2, txt3) ;. // добавить текст в изображение }

Попробуйте »