Элемент матнини jQuery орқали ўзгартириш

Олдинги дарсларда биз элементлар гуруҳини jQuery орқали қандай олишни ўргандик ва ҳатто методлар билан ишлашнинг айрим мисолларини кўрдик. Энди улар билан янада батафсил машғулот қиламиз. Ушбу дарсда биз икки метод ёрдамида элемент матнини ўзгартиришни ўрганамиз: html ва text.

Куйидаги масалани ечамиз: www синфи бор барча элементларни оламиз ва уларнинг ҳаммасининг матнини '!!!' га ўзгартирамиз. Бизда куйидаги HTML коди бор деб фараз қилайлик:

html<p class="www">матн</p>
<p class="www">матн</p>
<p class="www">матн</p>
<p>матн</p>

У ҳолда JavaScript коди куйидаги кўринишда бўлади:

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

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

jQuery орқали ҳамма нарсе жуда оддий бўлади: доллар ёрдамида барча элементларни оламиз, мана шундай: $('.www'), сўнгра уларга html методини қўллаймиз, у параметр сифатида янги матнни қабул қилади - $('.www').html('new text'). Ҳаммаси! Бу сатр ҳар қандай сикллар ва бошқа нотўғри ишларсиз ҳамма ишни бажаради. Мисолни ишга тушириб, ўзингиз ишонч ҳосил қилинг:

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