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

Бардык input элементтери үчүн, алардын ар бири басылганда өздөрүнүн value маанисин чыгарсын, бирок биринчи басканда гана. Input'ту кайра басуу реакцияны чакырбош керек.

Задание 3

Сандары бар абзацтар берилген. Абзац чыкылдатканда, анда анын ичиндеги сандын квадраты пайда болсун, бирок биринчи чыкылдатууда гана. Абзацты кош чыкылдатканда, абзацтагы сан эки эселенсин, бирок ошондой эле биринчи жолу гана.