JQuery中的常用事件、对象属性与使用方法分析

//直接绑定事件到元素上
$('.target1').keydown(function(e) {
  $("em:first").text(e.target.value)  //通过对象e获取输入的值
});

//传递参数调用函数处理
$("#test").click(11111,function(e) {
  //this指向 div元素
  //e.data => 11111 通过e传递参数数据
});

//手动触发已绑定的点击事件
$elem.click()

  //回车键或者点击提交表单后禁止浏览器默认跳转：
  $('#target2').submit(function() {
    alert('捕获提交表达动作,阻止页面跳转')
    return false;
  });

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

//多个事件绑定同一个函数，通过空格分离，传递不同的事件名，可以同时绑定多个事件
$("#elem").on("mouseover mouseout",function(){ });

//多个事件绑定不同函数
$("#elem").on({
  mouseover:function(){}, 
  mouseout:function(){}
});

//将数据传递到处理程序
$( "button" ).on( "click", {  //第二个参数传递数据给函数调用
 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方法阻止事件冒泡
});