jquery中的事件

1.jquery中的事件
1.执行时机
2.多次使用
3.简写方式
2.事件的绑定
bind(type [.date],fn)
点击标题显示内容，再次点击标题隐藏内容
$(function(){
$("panel h5.head").bind("click",function()
{
if($(this).next().is(":visible"))
{
$(this.next().hide();
}
else
{
$(this.next().show());
}
}
);
});
3.合成事件
3.1 hover(enter,leaver);
3.2 toggle(fn1,fn2,fnN);
$(function(){
$("#panel h5.head").toggle(function(){
$(this).next().toggle();
},function(){
$(this).next().toggle();
});
});
4.事件的冒泡
4.1 事件冒泡：事件会按照dom层次结构一样想水泡一样不断向上知道顶端
4.2 阻止事件冒泡：e.stopPropagation();
4.3 阻止默认行为：e.preventDefault();
4.4 阻止冒泡和默认：return false;
5.事件对象的属性
5.1 event.type 获取事件类型
5.2 event.preventDefault 阻止默认行为
5.3 event.stopPropagation 阻止事件的冒泡
5.4 event.target 事件源
5.5 event.relatedTarget 获取事件源的相关元素
5.6 event.PageX 获取光标相对页面的x坐标
5.7 event.which 获取鼠标单击事件中左中右键
5.8 event.metaKey 获取ctrl按键
6.移除事件
6.1 unbind([type].[data]);
6.2 one() 只在用户第一次触发事件时处理，其他不在处理。
7.模拟操作
7.1 .click() 模拟触发click()事件。
7.2 $(this).trigger("myClick")触发自定义的事件。
7.3 trigger（）触发事件后，会执行浏览器默认的操作。
8.其他方法
8.1 绑定多个事件类型 $(this).bind("mouseover mouseout"),myfn=function(){});
8.2 为事件添加命名空间 $(this).bind("click.plugin",function(){}); $(this).unbind(".plugin");