jQuery.delegate()鍑芥暟鐢ㄤ簬涓哄綋鍓嶆垨鏈潵鐨勫厓绱犲姩鎬佺粦瀹氫簨浠跺鐞嗙▼搴忋€?/p>

浣跨敤鏂规硶濡備笅锛?/p>

1. 鍩烘湰璇硶锛?/li>

$(selector).delegate(childSelector, eventType, function)

• selector锛氶€夋嫨鍣紝琛ㄧず瑕佺粦瀹氫簨浠剁殑鐖剁骇鍏冪礌銆?/li>
• childSelector锛氶€夋嫨鍣紝琛ㄧず瑕佺粦瀹氫簨浠剁殑瀛愮骇鍏冪礌銆?/li>
• eventType锛氬瓧绗︿覆锛岃〃绀鸿缁戝畾鐨勪簨浠剁被鍨嬶紝濡傦細鈥渃lick鈥濄€?quot;mouseover"绛夈€?/li>
• function锛氬洖璋冨嚱鏁帮紝琛ㄧず浜嬩欢澶勭悊绋嬪簭銆?/li>

2. 绀轰緥浠ｇ爜锛?/li>

$(document).delegate("button", "click", function(){
  // 鍦ㄧ偣鍑籦utton鍏冪礌鏃惰Е鍙戠殑浜嬩欢澶勭悊绋嬪簭
  $(this).text("Clicked");
});

涓婅堪浠ｇ爜琛ㄧず涓烘枃妗ｄ腑鐨勬墍鏈塨utton鍏冪礌缁戝畾涓€涓偣鍑讳簨浠跺鐞嗙▼搴忥紝褰撶偣鍑籦utton鍏冪礌鏃讹紝浼氳Е鍙戣浜嬩欢澶勭悊绋嬪簭骞跺皢鍏舵枃鏈敼涓?quot;Clicked"銆?/p>

3. 娉ㄦ剰浜嬮」锛?/li>

• jQuery 3.0涔嬪悗鐨勭増鏈腑锛屾帹鑽愪娇鐢?on()鍑芥暟鏇夸唬.delegate()鍑芥暟銆?/li>
• 濡傛灉宸茬粡浣跨敤浜?on()鍑芥暟锛屽垯涓嶅缓璁啀浣跨敤.delegate()鍑芥暟銆?/li>
• 濡傛灉閫夋嫨鍣ㄥ尮閰嶅涓厓绱狅紝骞朵笖鍦ㄤ笉鍚岀殑鐖跺厓绱犱腑锛屼簨浠跺鐞嗙▼搴忓皢鍦ㄦ墍鏈夊尮閰嶇殑瀛愬厓绱犱笂瑙﹀彂銆?/li>

鏇村鍏充簬jQuery.delegate()鍑芥暟鐨勮缁嗕俊鎭紝璇峰弬鑰冨畼鏂规枃妗ｏ細jQuery.delegate()