前端中事件綁定主要包括三種：1：普通事件 2 : 事件委托 3：iframe事件綁定。下面給介紹他們的原理及demo 。

1：普通事件：

• 普通事件無法綁定事件到新生成的元素
• 比方：今天公司有100人會收到快遞，這100人全在公司門口等快遞...新員工不知道在哪收，收不到快遞...
• demo:

2 : 事件委托：

• 原理：通俗的講 事件就是onclick，onmouseover等就是事件;委托呢，就是讓別人來做，這個事件本來是加在某些元素上的，然而你卻加到別人身上來做，完成這個事件。專業的講：利用冒泡的原理，把事件加到父級上，查找父元素下對應節點 觸發執行效果。
• 比方： 今天公司有100人會收到快遞，前臺MM幫大家收好，然後對應告訴你大家去拿..新員工的快遞也會收到...
• 作用：提高性能，綁定未來元素。
• demo:

3：iframe事件綁定：

• demo：
• iframe點擊常見操作:
  • 父頁面獲取子頁面元素：$(".ccc").contents().find(".ccc2") ccc是iframe的類;ccc2是子頁面的類
  • 子頁面獲取父頁面元素：$(‘#id‘, window.parent.document) id 是父頁面的id
  • 子頁面調用父頁面的方法：parent.zzz(); zzz 是父頁面方法
  • 父頁面調用子頁面的方法：zzzName.window.test() zzzName是iframe name;test是子頁面方法

jq事件綁定