Jquery事件应牢记的地方

1　　事件回调函数中的this代表事件绑定的DOM元素,因此,可以用 $(this)获得该DOM元素的引用;

　　　　例如:$(“#myID”).click(function(){  $(this).hide(); });//这里的this代指”#myID”

　　　　例如:$(“#myID”).on(“click”,”#subID”,function(){  $(this).hide(); });//委托的方式指定subID的事年,因此这里的this代指”#subID”　　　　　　

2　　事件捕获指事件由父元素向子元素传递；前提是鼠标点击的是子元素,否则不存在事件捕获; 

　　　　　　例如: click事件,如果父元素和子元素都绑定了click事件上,父元素的click事件优先执行；

　　 事件冒泡指事件由子元素向父元素传递;前提是鼠标点击的是子元素,否则不存在事件冒泡

　　　　　　例如click事件,如果父元素和子元素都绑定了click事件上,子元素的click事件优先执行；

3　　jQuery始终在冒泡阶段处理注册的事件程序,因此子元素的click事件优先执行; 停止事件传播event.stopPropagation()

4　　事件对象

　　　　事件对象又称event,在元素获得处理事件的机会时传递给被调用的事件处理程序；event是一个javascript对象,有很多属性(target,delegateTarget,currentTarget)

　　　　event.target:鼠标实际点击的对象,常用方法:$(event.target).is(“P”); 注:红字部分是CSS选择器、DOM元素或 jQuery 对象

       event.delegateTarget:委托的对象 例如:$(“#myID”).on(“click”,”#subID”,function(){});//这里的#myID就是委托对象

       event.currentTarget:当前对象,总是和上面的this一样

5    .on( events [, selector ] [, data ], handler )

• events (事件类型)
  Type: String
  One or more space-separated event types and optional namespaces, such as “click” or “keydown.myPlugin”.(一个或多个事件类型和可选的事件命名空间,例如:”click” 或 “keydown.myPlugin”)
• selector (选择器)
  Type: String
  A selector string to filter the descendants of the selected elements that trigger the event. If the selector is null or omitted, the event is always triggered when it reaches the selected element.
• 一个选择器字符串,用于过滤绑定这个事件的元素的后代元素,只有与这个选择器字符串匹配的元素才会触发这个事件.
• data (外部数据)
• Type: Anything
  Data to be passed to the handler in event.data when an event is triggered.这里可以向事件处理程序传递外部数据
• handler (事件处理程序)
  Type: Function( Event eventObject [, Anything extraParameter ] [, … ] )
  A function to execute when the event is triggered. The value false is also allowed as a shorthand for a function that simply does return false.

原文地址：http://www.cnblogs.com/mochunning/p/16862150.html