jQuery-da event hodisasi ob'ekti

Endi esa biz jQuery-dagi hodisalar bilan tanishishni boshlaymiz.

jQuery-da hodisa yuz berganda hodisa haqida to'liq ma'lumotni o'z ichiga olgan event ob'ekti yaratiladi. Ushbu ob'ekt ishlovchi funktsiyaga uzatiladi.

Masalan, keling qaysi tegga bosayotganimizni bilib olaylik. Quyidagi HTML kodini olaylik:

html<body>
  <div id="text"></div>
  <div>
    <p>
      <strong><span>click</span></strong>
    </p>
  </div>
</body>

CSS quyidagicha ko'rinadi:

cssspan, strong, p {
  display: block;
  padding: 10px;
  border: 1px solid black;
}

Endi biz o'zimizning event ob'ektimizning event.target.nodeName xususiyatidan foydalanamiz, uni o'z navbatida click metodining ishlovchi funktsiyasiga uzatamiz:

javascript$('body').click(function(event) {
  $('#text').html('bosildi: ' + event.target.nodeName);
});

event ob'ekti ko'plab xususiyatlar va metodlarni o'z ichiga oladi.