web-programlama

jQuery'nin remove() metodu aynı zamanda bir parametre alabilir; bu sayede silinecek elemanları seçmek ya da filtrelemek mümkün olur. Parametre, jQuery'nin seçici ifadelerinden herhangi birine göre yazılabilir. Aşağıdaki örnek class="italic" olan tüm <p> elemanlarını silmektedir:

jQuery empty() seçilen elemanın çocuklarını siler.

Örnek HTML kodunu dikkatle inceleyelim:

jQuery remove() metodu seçilen HTML elemanı ve çocuklarını siler.

$("#div1").remove();

Örnek HTML kodunu beraber inceleyelim:

jQuery metotları ile HTML elemanlarını silmek de mümkündür. Eleman ve içerikleri silmek için esasen iki farklı jQuery metodu mevcuttur:

• remove() – seçilen elemanı ve varsa çocuk elemanları siler.
• empty() – seçilen elemanın çocuklarını siler.

jQuery after() metodu, bir içeriği, seçilen HTML elemanından sonra ekler. jQuery before() metodu, bir içeriği, seçilen HTML elemanından önce ekler.

$("img").after("…BİR METİN");

$("img").before("BİR METİN…");

Aşağıda after() ve before() metotlarına dair örnek HTML kodlarını bulabilirsiniz:

Bir önceki eğitimde bazı Metin/HTML değerlerini seçilen HTML elemanının önüne/sonuna ekledik. Oysa, hem append() hem de prepend() metotları sonsuz sayıda yeni elemanı parametre olarak alabilir. Yeni elemanlar ya demin bahsettiğimiz gibi jQuery + metin/HTML metodu ile ya da JavaScript kodu + DOM elemanları yolu ile üretilir.

Örneğimiz konuyu daha iyi anlamanızı sağlayacaktır:

jQuery prepend() metodu, eklenecek içeriği seçilen HTML elemanlarının başlangıcına ekler:

$("p").prepend("EKLENECEK METIN");

Örnek HTML kodunu dikkatle inceleyelim:

jQuery append() metodu, seçilmiş HTML elemanlarının sonuna içeriği ekler:

$("p").append("EKLENECEK METIN");

append() örnek HTML kodunu dikkatle inceleyelim:

jQuery ile kolayca yeni HTML elemanları ya da içerikleri ekleyebilirsiniz.

Yeni HTML içeriği eklemek amacı ile kullanılabilecek dört jQuery metodu aşağıda verilmiştir:

• append() – içeriği seçilen elemanların sonuna ekler.
• prepend() – içeriği seçilen elemanların başına ekler.
• after() – içeriği seçilen elemanlardan sonra ekler.
• before() - içeriği seçilen elemanlardan önce ekler.

jQuery'nin attr() fonksiyonu bir geriçağırma fonksiyonuyla da kullanılabilir. Geriçağırma fonksiyonunun iki parametresi vardır:

• Seçilen eleman listesinde o andaki aktif elemanın indisi
• Özgün (eski) değer

Fonksiyonun gönderdiği değeri yeni vasıf (attribute) değeri olarak kullanabilirsiniz.