jQuery-те off әдісі

on арқылы байланған оқиғаларды шешуді off әдісі жүзеге асырады. Ол бірінші параметр ретінде оқиға түрін қабылдайды (мысалы, 'click'), ал екіншісі - шешу керек функцияның атауын.

Келесі мысалды қарастырайық. Бізде HTML коды бар делік:

html<ul>
  <li>мәтін</li>
  <li>мәтін</li>
  <li>мәтін</li>
</ul>

CSS-те li тегіне стиль көрсетілген:

cssli {
  width: 100px;
  cursor: pointer;
}

li-ге бірінші рет басқаннан кейін, оқиға одан шешілетіндей етейік:

javascript$('li').on('click', function() {
  $(this).append('!');
  $(this).off('click', func);
});

Тізім элементтеріне басыңыз. Сіз бірдей тізім элементіне қайта басқанда ештеңе болмайтынын көресіз, себебі біздің func функциясы append әдісін орындағаннан кейін off әдісімен шешіледі.

Задание 1

Барлық сілтемелерге оқиғаны байлаңыз - сілтемеге аударған кезде, оның мәтінінің соңына оның href-і дөңгелек жақша ішінде қосылады. Сілтемеге бірінші рет аударғаннан кейін href-ті мәтін соңына қосатын оқиғаны одан шешу керек.

Задание 2

Барлық енгізу өрістері үшін, олардың кез келгеніне басқан кезде өздерінің value-ін шығаратындай етіңіз, бірақ тек бірінші рет басқанда. Енгізу өрісіне қайта басу реакция тудырмауы керек.

Задание 3

Сандары бар абзацтар берілген. Абзацқа басқан кезде онда оның қамтитын санының квадраты пайда болуы керек, бірақ тек бірінші рет басқанда. Абзацқа қос түртпеген кезде абзацтағы сан екі еселенуі керек, бірақ ол да тек бірінші рет.