jQuery-da wakalaryň baglanşygy

JavaScript-deki ähli wakanyň özüne laýyk jQuery metodu bar. Mysal üçin, elementlere basylganda şeýle ýol bilen ýakalap bolýar: $(selektor).click(funksiýa).

Aşakdaky HTML koda serediň:

html<ul>
  <li>tekst</li>
  <li>tekst</li>
  <li>tekst</li>
</ul>

Ona CSS ýazyldy:

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

Geliň, haýsydyr bir li-e basylganda çykyşda ünlem belgisi görkezilsin. Sanaw elementlerine basyp göreň:

javascript$('li').click(function() {
  alert('!');
});

Baglanan funksiýanyň içinde this elýeterlidir, ol waka bolan elemente gönişlýär (biziň mysalymyzda, basylyp duran li-ä). Bu this-i JavaScript usuly bilen ulanyp bolýar, mysal üçin, this.innerHTML ýa-da jQuery usuly bilen - bu ýagdaýda this-i $-a öwürmeli, şeýle: $(this).

HTML koduny alyň:

html<ul>
  <li>tekst</li>
  <li>tekst</li>
  <li>tekst</li>
</ul>

Bu koda aşakdaky CSS stilleri ýazyldy:

cssli {
  width: 100px;
}
li:hover {
  color: red;
  cursor: pointer;
}

Geliň, li-e basylganda onyň ahyryna '!' goşulyş etsin. Işini barlamak üçin sanaw elementlerine basyň:

javascript$('li').click(function() {
  $(this).append('!');
});