一、分类
- 基础事件
- window事件
- 鼠标事件
- 键盘事件
- 表单事件
- 复合事件
- 鼠标光标悬停
- 鼠标连续点击
二、鼠标事件
- click():点击
- mouseover():移入
- mouseout():移出
三、键盘事件
- keydown():按下
- keyup():释放
- keypress():产生可打印的字符
举例:按下回车键
$(selector).keydown(function (event){
if(event.keyCode=="13"){
//写想要实现的代码
}
});
四、表单事件
- focus():获得焦点
- blur():失去焦点
五、绑定事件
- 单个
$("input[name=event_1]").bind("click",function(){
//此处只是举个例子,实现自己想要实现的代码即可
$("p").css("background-color","#F30");
});
- 多个
$("input[name=event_1]").bind({
mouseover:function(){
$("ul").css("display","none");
},
mouseout:function(){
$("ul").css("display","block");
}
});
六、移除事件
unbind ( [type] , [fn] )
注释:
type 为事件类型
fn 为处理函数
注意:当unbind()不带参数时,表示移除所绑定的全部事件
七、鼠标光标悬停事件
hover():相当于mouseover和mouseout的组合
eg:
$("#myaccount").hover(
function(){
$("#menu_1").css("display","block");
},
function(){
$("#menu_1").css("display","none");
}
);
八、鼠标连续点击事件
toggle()
$("body").toggle(
function(){
//第一次点击触发
},
function(){
//第二次点击触发
},
function(){
//第三次点击触发
}
);
九、显示与隐藏元素
- show():显示
- hide():隐藏
3.** toggle()**:切换可见状态
十、 淡入淡出效果
- fadeIn():淡入
- fadeOut():淡出
注意:里面可以加参数,例如slow,1000(毫秒计),normal,fast
十一、改变元素的高度
- slideDown():逐步延伸显示
- slideUp():逐步缩短直至隐藏
注意:里面可以加参数,例如slow,1000(毫秒计),normal,fast