jQuery ile Element Metnini Değiştirme

Önceki derslerde, jQuery aracılığıyla bir element grubunu nasıl seçeceğimizi öğrendik ve hatta metodlarla çalışmanın bazı örneklerini gördük. Şimdi onları daha ayrıntılı inceleyeceğiz. Bu derste, iki metod yardımıyla bir elementin metnini nasıl değiştireceğimizi öğreneceğiz: html ve text.

Şu görevi çözelim: www sınıfına sahip tüm elementleri seçelim ve hepsinin metnini aynı anda '!!!' olarak değiştirelim. Elimizde şu HTML kodu olduğunu varsayalım:

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

O zaman JavaScript kodu şu şekilde görünecektir:

javascriptlet elems = document.getElementsByClassName('www');

for (let i = 0; i < elems.length; i++) {
  elems[i].innerHTML = '!!!';
}

jQuery ile her şey çok daha basit olacak: Elementleri dolar işaretiyle şu şekilde seçeceğiz: $('.www'), ardından onlara html metodunu uygulayacağız. Bu metod parametre olarak yeni metni kabul eder - $('.www').html('new text'). Hepsi bu kadar! Bu satır, döngüler ve diğer gereksiz şeyler olmadan tüm işi yapacaktır. Örneği çalıştırın ve kendiniz görün:

javascript$('.www').html('!!!');