Kubadilisha Maandishi ya Kipengele Kupitia jQuery

Katika masomo yaliyopita tulijifunza kupata kundi ya vipepeo kupitia jQuery na hata tuliona baadhi ya mifano ya kufanya kazi na mbinu. Sasa tutazichambua kwa undani zaidi. Katika somo hili tutajifunza kubadilisha maandishi ya kipengele kwa kutumia mbinu mbili: html na text.

Tutatatua shida ifuatayo: tutapata vipepeo vyote vilivyo na darasa www na wakati huo huo tubadilishe maandishi kwa vyote viwe '!!!'. Wacha tuwe na mfumo wa HTML ufuatao:

<p class="www">maandishi</p>
<p class="www">maandishi</p>
<p class="www">maandishi</p>
<p>maandishi</p>

Wakati huo mfumo wa JavaScript utaonekana kama ifuatavyo:

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

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

Kupitia jQuery yote yatakuwa rahisi zaidi: tutapata vipepeo vyote kwa kutumia ishara ya dola, kama hii: $('.www'), kisha tutatumia kwao mbinu ya html, ambayo inakubali kigezo cha maandishi mapya - $('.www').html('maandishi mapya'). Yote! Mstari huu utafanya kazi yote bila vitanzi wowote na vitu vingine visivyofaa. Zindua mfano na uhakikishe mwenyewe:

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

Kwa h3 zote kwa kutumia mbinu ya html weka maandishi '!!!'.