jQuery ile öğe grubunu değişkene kaydetme
$('.www').html('!!!') zincirini oluşturmak yerine,
önce $('.www') öğe grubunu
bir değişkene (ben elems olarak adlandırdım) kaydedebilir,
ve ardından bu değişkene .html('!!!') metodunu
uygulayabilirsiniz. Örneğin, HTML kodumuz şu şekilde görünüyor:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
JavaScript'te yazılan kod ise şu şekilde görünecek:
let elems = $('.www');
elems.html('!!!');
Kolaylık sağlaması için kullanılması tavsiye edilen bir kural vardır:
içinde jQuery ile sarılmış bir öğe grubu bulunan değişkenlerin isimlerinin
dolar işareti ile başlaması kabul edilir. Yani bizim durumumuzda
elems değil, $elems olmalı.
Eğer $elems gibi bir değişken ismi sizi rahatsız ediyorsa
- unutmayın, JavaScript'te dolar işareti normal bir karakterdir
ve istediğiniz yerde kullanabilirsiniz. Hatta jQuery ve diğer bazı kütüphanelerde
yapıldığı gibi, sadece $ karakterinden oluşan bir fonksiyon ismi bile yapabilirsiniz.
Özetle, tekrar edelim - eğer bir jQuery öğe grubunu bir değişkene kaydetmek istiyorsanız, bu değişkenin isminin dolar işareti ile başlaması kabul görmüş bir uygulamadır. Bu zorunlu değildir, ancak bu değişkende bir öğe grubunun bulunduğunu ve bu değişkene jQuery'nin tüm metodlarının uygulanabildiğini ilk bakışta anlamanızı sağlar.
Bunu aşağıdaki HTML kodu ile örneğimizde kullanalım:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
JavaScript kodu ise şu şekilde:
let $elems = $('.www');
$elems.html('!!!');
Benzer şekilde, metin eklemek için text metodu da kullanılabilir:
$('.www').text('!!!');
Tüm h3 etiketlerine text metodu ile
'!!!' metnini yazdırın.