JQuery ile Sayfaya Html Elemanı Ekleme

JQuery ile Sayfaya Html Elemanı ve İçerik Ekleme

JQuery ile web sayfasına yeni html elemanları ve içerik ekleyebiliriz. Bu amaçla kullanabileceğimiz 4 metottan bahsedelim:

  • prepend() – Belirtilen html elemanının baş kısmına içerik eklenmesini sağlar.
  • append() – Belirtilen html elemanının son kısmına içerik eklenmesini sağlar.
  • before() - Belirtilen html elemanından önce içerik eklenmesini sağlar.
  • after() - Belirtilen html elemanından sonra içerik eklenmesini sağlar.

Örnek olarak sayfanın en başına yeni bir paragraf ekleyelim:

$("body").prepend("<p><b>Paragraf eklendi.</b></p>");

Sayfanın sonuna ise prepend yerine append metodu ile ekleyebiliriz:

$("body").append("<p><b>Paragraf eklendi.</b></p>");

Ol - sıralı listenin sonuna yeni satır ekleyelim:

$("#listem").append("<li><b>Satır eklendi.</b></li>");

Bir div elemanından önce paragraf ekleyelim:

$("#kutu1").before("<u>Kutu1 öncesi</u>");

Konu örneklerini inceleyiniz.

jquery sayfaya yeni html etiketi ekleme, jquery ile web sayfasına içerik ekleme, web sayfasında istenen yere yeni html içerik ekleme

KONU İLE İLGİLİ ÖRNEKLER

JQuery append, prepend, after ve before metotları Kendin Dene

Kendin Dene butonuna tıkla, kodları değiştir, sonucu gör...



YORUMLAR




13853  kez okundu.

Online Kullanıcı Sayısı 3769



JQuery-ile-Sayfaya-Html-Elemanı-Ekleme