Element matnini jQuery orqali o'zgartirish

Oldingi darslarda biz jQuery orqali elementlar guruhini qanday olishni o'rgandik, hatto metodlar bilan ishlashning ba'zi misollarini ham ko'rdik. Endi ularni batafsilroq o'rganamiz. Ushbu darsda biz ikkita metod yordamida element matnini o'zgartirishni o'rganamiz: html va text.

Quyidagi masalani yechamiz: www klassiga ega bo'lgan barcha elementlarni olamiz va ularning hammasining matnini bir vaqtning o'zida '!!!' ga o'zgartiramiz. Quyidagi HTML kodimiz bor deb faraz qilaylik:

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

Unda JavaScript kodi quyidagicha ko'rinadi:

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

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

jQuery orqali hammasi ancha oson: elementlarning hammasini dollar yordamida olamiz, mana shu tarzda: $('.www'), so'ngra ularga html metodini qo'llaymiz, bu metod parametr sifatida yangi matnni qabul qiladi - $('.www').html('new text'). Hammasi! Ushbu qator barcha ishni hech qanday sikllar va boshqa narsalarsiz bajaradi. Misolni ishga tushiring va buning o'zingiz ishonch hosil qiling:

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