jQuery .append() ve appendTo() nedir ? nasıl kullanılır ?

.append() nedir?

Append fonskiynonu belirtilen bir nesne üzerininin sonuna  html tagı veya metin eklemeye yarar. (Detaylı bilgi jquery.com)

.append() nasıl kullanılır ?

Kodlarla örnek gösterecek olursak ufak bir html kodu oluşturuyoruz.

Şimdi ise bu html kodları üzerinde oynama append() fonksiyonu yapıyoruz.

Kodları tek tek açıklayacak olursak ;

Sayda yüklendiğinde

Class’ı cerceve olan div’in içerisindeki h1 tagının içine append komutu ile ‘ ~ aycan.net’ text değerini yazdırıyoruz.

Class’ı cerceve olan div’in içerisindeki p tagının içine ‘<strong>nedir? <br>  Cevap : Ne bileyim ben arkadaş!</strong>’ bu değerini yazdırıyoruz.

ve birde reklam şart diyerek kendi logomuzu yeni bir h1 tagı > a tagı > img tagı bastırıyoruz.

Ön izleme;

Örnek  : jQuery append uygulaması

.appendTo() nedir?

AppendTo fonskiyonu seçilen nesnenin sonuna bir html tagı olmak şartıyla bir nesne ekler.  Deneme yanılma yönetimi ile bu sonuca vardım Html tag kullanmadan düz metin değerleri ekleme işleminde kullanmıyor. Ayrıca yazımıda biraz değişik.(Detaylı bilgi jquery.com)

.appendTo() nasıl kullanılır ?

Yani mantık kurarsak “Şunu” , “Şunun sonuna ekle” gibi bir mantığa ulaşıyoruz.

Html kodumuz ;

Js kodlarımız ;

Kodları tek tek açıklıyoruz.

H1 tagının içine ‘Var!’ diye text yazdırıyoruz.

Cerceve claslı div’in sonuna p tagı ekliyoruz ve bundan sonraki işlemde aynıdır.

Örnek : jQuery appendTo uygulaması
Ön izleme

append ve appendTo çalışmalarını buradan indirebilirsiniz.

“jQuery .append() ve appendTo() nedir ? nasıl kullanılır ?” üzerine 13 yorum

  1. Merhaba Aycan Bülbül.Sitenizi uzun zamandır takip etmekteyim.Şöyle bir sorum olacak jquery ajax kullanarak phpden çektiğim veri sayısıkadar div etiketi oluşturmak istiyorum ve phpdeki id değerini bu divlerin class yada idsi olarak atamak istiyorum bunu sayfa yüklendiğinde olmuş olmasını istiyorum bu konuda yardımlarınızı bekliyorum günlerdir uğraşmaktayım hala çözüm bulamadım

  2. Merhaba append prepend denedim ama başarılı olamadım.
    bunu nasıl istediğim class’ı içeren div içine alabilirim.
    append veya prepend de tek html tagını kabul etmiyor.

  3. Lütfen kodlarınız renklendirin. Yazının okunabilirliği sıfır. Buradan hemen uzaklaşıyorum. Sonraki ziyaretimde daha okunabilir yazılar bulmayı umut ediyorum.

Aycan BÜLBÜL için bir yanıt yazın Yanıtı iptal et

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir