在使用jquery中，爲元素綁定事件，通通常有以下幾種方法
$(selector).event(function(){})
<selector onevnet="事件名"></selector>
$(selector).on('event名'，[selector],function(){})=======================================================================
No.1
$(selector).event(function(){})
適合爲頁面上已經存在的元素進行事件綁定
列如：
<button id="Btn">存在的按鈕</button>
<script>
$('#Btn').click(function(){
alert('存在的綁定事件');
})
</script>PS:事件要寫在元素的下面，或者寫在元素前不過要放在$(function(){})裏
No.2
<selector onevnet="事件名"></selector>
這種適合：
動態創建的標籤
特定某一/些的標籤，需要把自身傳入 onevent="事件名（this）"
例如：
<button id="Btn" >存在的按鈕</button>
<script>
function Event(obj){
alert("Event事件的觸發對象:"+obj);
}
$("#Btn").click(function(obj){
//創建一個按鈕
var $input=$('<input type="text" onclick="Event(this)">');//爲按鈕綁定事件
$('body').append($input);
});
</script>
No.3
$(selector).on('event名'，[selector],function(){})
適合爲動態創建的元素綁定事件
<button id="Btn" >創建</button>
<script>
$("#Btn").click(function(obj){
//創建一個輸入框
var $input=$('<input type="text">');
$('body').append($input);
});
$(document).on("click","input",function(){
alert('使用on綁定的事件');
})
</script>
Ps:
$(selector).on('event名'，[selector],function(){}) 可以放在頁面任一位置，可以在標籤前，也可以在其後