jQuery----事件

jQuery——事件

一，事件
bind(‘click’,fn) ----------- 创建普通事件绑定
bind(‘mouseover mouseout’,fn) ----------- 创建多事件绑定

bind({
		mouseover : fn,
		mouseout:fn
			})

unbind() ------- 删除全部事件
unbind(‘click’) ------- 删除指定事件
unbind(‘click.a’) ------- 删除指定事件

所有事件均可以进行简写
click(fn)、mousedown(fn)、mouseover(fn)、…

复合事件
hover(fn1,fn2) ---- 鼠标“移入”和“移出” 复合事件

进阶事件
on(‘click’,fn) ----------- 创建普通事件绑定
on(‘click’,child,fn) ----------- 创建普通事件绑定
one(‘click’,fn) ----------- 创建一次性绑定事件
off() ------ 删除事件

二， 事件对象
target — 事件触发元素对象【原生对象】点谁就是谁
currentTarget — 事件绑定元素对象【原生对象】事件绑定元素
pageX/pageY ---- 获取距离页面的x、y轴坐标
screenX/screenY ---- 获取距离屏幕的x、y轴坐标
clientX/clientY ---- 获取距离可视窗口的x、y轴坐标

Data ------ 额外数据，字符串、数字、数组、对象
Which ----- 获取鼠标左中右键及键盘代码 ----与keydown配合

三，冒泡事件
e.cancelBubble = true; 【原生JS中阻止冒泡，jQuery中无效】
e.stopPropagation() //----阻止冒泡 从内向外进行冒泡

四，事件默认行为
preventDefault() //—阻止默认行为
return false //—冒泡、默认行为均阻止。

例如：超链接、表单提交

五，链式操作
$(‘#box’).css(‘color’,’red’).css(‘fontSize’,’36px’);

六，循环事件
each() ------ 必须绑定在【jquery对象】上。
$.each() ------ 可以对jquery对象、原生对象、数组都有效。