Die off-metode in jQuery

Die losmaak van gebeurtenisse wat deur on gebind is, word uitgevoer met behulp van die off-metode. Die eerste parameter is die tipe gebeurtenis (bv. 'click'), en die tweede is die naam van die funksie wat losgemaak moet word.

Kom ons kyk na die volgende voorbeeld. Gestel ons het die volgende HTML-kode:

html<ul>
  <li>teks</li>
  <li>teks</li>
  <li>teks</li>
</ul>

In CSS is 'n styl vir die li-tag gespesifiseer:

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

Laat ons dit so maak dat na die eerste kliek op li, die gebeurtenis daarvan losgemaak word:

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

Druk op die lysitems. U sal sien dat by herhaalde druk op dieselfde lysitem niks gebeur nie, aangesien ons funksie func na die uitvoering van die append-metode losgemaak word deur die off-metode.

Задание 1

Bind 'n gebeurtenis aan alle skakels - wanneer op 'n skakel beweeg word, moet sy href aan die einde van haar teks bygevoeg word in ronde hakies. Na die eerste keer wat op 'n skakel beweeg word, moet die gebeurtenis wat die href by die einde van die teks voeg daarvan losgemaak word.

Задание 2

Maak vir alle invoervelde so dat hulle hul eie value uitdruk wanneer op enige een daarvan gedruk word, maar slegs by die eerste druk. 'n Herhaalde druk op die invoerveld moet geen reaksie veroorsaak nie.

Задание 3

Daar is paragrawe met nommers. Met 'n klik op 'n paragraaf moet die kwadraat van die nommer wat dit bevat daarin verskyn, maar slegs by die eerste klik. Met 'n dubbelkliek op 'n paragraaf moet die nommer in die paragraaf verdubbel, maar ook slegs die eerste keer.