אירועים - הפונקציה on - מדריך jQuery - כגדש - המקום למפתחי אתרים
ראשי > מדריך jQuery > אירועים > אירועים – הפונקציה on
jQuery(selector).on('eventName', function(){
jQuery('#myButton).on('click', function(){
jQuery(selector).on('event1 event2', function(){
event1: function(){
}, event2: function(){
jQuery(parentSelector).on('eventName', 'selector', function(){
באיור האמנותי מאד שלעיל ניתן לראות שכעת האירוע מוצמד לאלמנט האב – parentSelector, שאינו משתנה כאמור. בעת התחוללות האירוע על האב הסקריפט בודק האם הוא אמור לחול בעצם על בן של אותו אב, התואם לסלקטור Selector ואם כן – הפעולה המוגדרת מתחוללת. בעצם בטעינת הדף לא נבדקים הכפתורים עצמם (במקרה הזה) אלא האלמנט ההורה, ואליו מוצמד האירוע. רק בעת שהאירוע מתחולל בפועל נבדק האם קיימים הסלקטורים הבנים – אלה שעליהם האירוע אמור לחול בפועל.