jQuery аркылуу элементтин текстин өзгөртүү

Алдыңкы сабактарда биз jQuery аркылуу элементтердин тобун кантип алууну үйрөндүк жана методдорду колдонуунун кээ бир мисалдарын көрдүк. Азыр аларды детальдуураак карап чыгабыз. Бул сабакта биз эки методдун жардамы менен элементтин текстин өзгөртүүнү үйрөнөбүз: html жана text.

Төмөнкү маселени чечейли: классы www болгон бардык элементтерди алып, алардын баарынын текстин бир эле учурда '!!!' менен алмаштыралы. Бизде төмөнкү HTML коду бар дейли:

<p class="www">текст</p>
<p class="www">текст</p>
<p class="www">текст</p>
<p>текст</p>

Анда JavaScript коду төмөнкүдөй көрүнөт:

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

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

jQuery аркылуу баары бир кыйла жеңилирээк болот: доллардын жардамы менен бардык элементтерди алабыз, мындай: $('.www'), андан кийин аларга html методун колдонобуз, ал параметр катары жаңы текстти кабыл алат - $('.www').html('жаңы текст'). Баары! Бул сап баардык ишти эч кандай циклдар жана башка керексиз нерселерсиз аткарат. Мисканы иштетип, өзүңүз көрүңүз:

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

Бардык h3 элементтерине html методунун жардамы менен '!!!' текстин коюңуз.