//直接綁定事件到元素上
$('.target1').keydown(function(e) {
  $("em:first").text(e.target.value)  //通過對象e獲取輸入的值
});

//傳遞參數(shù)調(diào)用函數(shù)處理
$("#test").click(11111,function(e) {
  //this指向 div元素
  //e.data => 11111 通過e傳遞參數(shù)數(shù)據(jù)
});

//手動觸發(fā)已綁定的點擊事件
$elem.click()

  //回車鍵或者點擊提交表單后禁止瀏覽器默認跳轉(zhuǎn)：
  $('#target2').submit(function() {
    alert('捕獲提交表達動作,阻止頁面跳轉(zhuǎn)')
    return false;
  });

$("#elem").click(function(){}) //快捷方式
$("#elem").on('click',function(){}) //on方式

//多個事件綁定同一個函數(shù)，通過空格分離，傳遞不同的事件名，可以同時綁定多個事件
$("#elem").on("mouseover mouseout",function(){ });

//多個事件綁定不同函數(shù)
$("#elem").on({
  mouseover:function(){}, 
  mouseout:function(){}
});

//將數(shù)據(jù)傳遞到處理程序
$( "button" ).on( "click", {  //第二個參數(shù)傳遞數(shù)據(jù)給函數(shù)調(diào)用
 name: "Mr.Tory"
}, greet );
function greet( event ) {
 alert( "Hello " + event.data.name ); //輸出Hello Mr.Tory
}

$("#content").click(function(event) {
  $("#msg").html("<p>外層div元素被單擊</p>");
  event.stopPropagation();             //通過event方法阻止事件冒泡
});