Jquery de Nesnelere Ekleme Yapma

sezaialkan
Sezai Alkan Frontend Developer

Jquery de Nesnelere Ekleme Yapma

Jquery ' Bazı Fonksiyonlar İle Kolayla Seçilen Nesnelerin Önüne Ve Arkasına, İlk Veya Sonunucu Nesnenin Önüne Arkasına Gibi Eklemeler Kolayca Yapılabilir.

append()

append() İle Seçilen Nesnenin Arkasına Ekleme Yapar.

$('p').append('Yazı İçeriği');

 

prepend()

prepend() İle Seçilen nesnenin Önüne Ekleme Yapar.

$('p').prepend('Yazı İçeriği');

 

appendTo()

appendTo() İle Seçilen Nesneyi, Belirtilen Nesnenin Arkasına Ekler. Örnek Olarak Bir Div İçeriğini Kolaylıkla Başka Bir Nesne Arkasına Ekleme Yapabiliyoruz.

$('a').appendTo($('p'));

 

prependTo()

prependTo() İle Seçilen Nesneyi Belirtilen Nesnenin Önüne Ekleme Yapar.Örnek Olarak Bir Div İçeriğini Kolaylıkla Başka Bir Nesne Önüne Ekleme Yapabiliyoruz.

$('a').prependTo($('p'));

 

Before After Kullanımı

before()

before() İle Seçilen Maddelerin Önüne İstenilen Metini Veya Bir Değeri Ekleme Yapar.

$('li').before('Ali');

 

after()

after() İle Seçilen Maddelerin Arkasına İstenilen Metini Veya Bir Değeri Ekleme Yapar 

$('li').after('Ali');

 

first Parametresi

before() ve after() İle first Parametresi Kullanımı. Parametreyi before() İle Kullandığımız Zaman Listedeki İlk Nesnenin Önüne Ekleme Yapar. after() İle Kullandığımız Zaman Listedeki İlk Nesnenin Sonrasına Ekleme Yapar Kullanımı Aşağıdaki Gibidir.

$('li:first').before('ali');
$('li:first').after('ali');

 

last Parametresi

before() ve after() İle last Parametresi Kullanımı. Parametreyi before() İle Kullandığımız Zaman Listedeki Son Nesnenin Önüne Ekleme Yapar. after() İle Kullandığımız Zaman Listedeki Son Nesnenin Sonrasına Ekleme Yapar Kullanımı Aşağıdaki Gibidir.

$('li:last').after('veli');
$('li:last').before('veli');

Yorumlar

Yorum Yapabilmek İçin Giriş Yapmalısınız.
İlk Yorum Yapan Sen Ol!
Uçur Beni Kahramanım Yukarı Çık
Bu web sitesi çerezleri kullanıyor. Devam ederek çerez kullanımını kabul etmiş oluyorsunuz. Detay

Devam Etmek İçin Giriş Yapın

Kod Hocası İle Paylaşımda bulunabilir, Kendini geliştirebilirsin. Sende Hemen Giriş Yap Aramıza Katıl.

GirişKayıt Ol