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:

html<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:

javascriptlet 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:

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

JavaScript kodu ise şu şekilde:

javascriptlet $elems = $('.www');
$elems.html('!!!');

Benzer şekilde, metin eklemek için text metodu da kullanılabilir:

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