JQuery HTML Elemanı Oluşturma ve Kaldırma – Web Tasarım & Programlama
Jquery

JQuery HTML Elemanı Oluşturma ve Kaldırma

Bu örnekte, JQuery ile HTML nesnesi nasıl oluşturulur, CSS özelliği nasıl verilir, oluşturulan HTML elemanı nasıl olaya bağlanır ve nasıl silinebilir? sorusuna cevap bulacağız.

JQuery ile bir HTML elemanı oluşturmak için;

gibi bir kullanımda bulunabilirsiniz. Bu işlemden sonra HTML elemanı için özellikleri aşağıdaki gibi verebilirsiniz.

Örneğin bir div nesnesi oluşturup içine “Kutu” yazdıralım.

Şimdi de div nesnemize bir sınıf atayalım.

Birkaç CSS biçimlendirmesi ekleyelim.

Son olarak sayfamıza bu div öğesini ekleyelim.

 

JQuery’ de bir HTML elemanını silmek için ise remove() metodunu kullanabiliriz.

 

Şimdi örneğimiz geçelim. Örneğimizde bir button bulunmakta ve bu butona her basışta sayfada bulunan bir div içine genişliği ve yüksekliği 200px olan divler eklenmektedir. Eklenen bu divlerin üstüne tıklandığında div öğelerinin kaldırılması sağlanmaktadır.

HTML sayfamıza ait kodların tamamı:

 

Yorum yap

Sayfamızı YouTube'da da takip etmek ister misiniz?
Holler Box