Lidhja e Ngjarjeve në jQuery

Pothuajse çdo ngjarje JavaScript ka metodën e vet përkatëse në jQuery. Për shembull, klikimi në elementë mund të kapet kështu: $(selector).click(funksioni).

Le të shqyrtojmë kodin HTML vijues:

html<ul>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

Për të është shkruar CSS:

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

Le ta bëjmë që me klik në çdo li të shfaqet një shenjë pikëçuditëse. Klikoni në pikat e listës:

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

Brenda funksionit të lidhur është i disponueshëm this, që i referohet atij elementi, në të cilin ndodhi ngjarja (në rastin tonë li në të cilin u klikua). Ky this mund të përdoret në stilin JavaScript, për shembull, this.innerHTML ose në stilin jQuery - për këtë ky this duhet të mbështjellhet në $, kështu: $(this).

Le të marrim kodin HTML:

html<ul>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

Për këtë kod janë shkruar stilet CSS vijuese:

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

Le ta bëjmë që me klik në li asaj në fund t'i shtohet '!'. Për të kontrolluar funksionimin, klikoni në pikat e listës:

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