jQuery基础3
jQuery中的事件:鼠标事件,键盘事件,windows事件
click()—— 单击事件
mouseover() —— 鼠标移入
mouseout() —— 鼠标移出
键盘事件:用户每次按下或者释放键盘上的按键时都会产生事件
keydown() —— 按下键盘时
keyup() —— 释放按键时
keypress() —— 产生可打印字符时
$(“input”).keydown(function(){
if(event.keyCode === 13){ (当按下回车键时)
$(“input”).css(“color”,“red”);
}
});
表单事件
聚焦
当元素获得焦点时,会触发focus事件。失去焦点时,会触发blur事件
focus() 触发或将函数绑定到指定元素的focus事件
blur() 触发或将函数绑定到指定元素的blur事件
$(this).css("color","red")
});
$(“input”).blur(function(){
$(this).css(“color”,“red”)
});
绑定事件
bind(type,【data】,fn)
type——事件类型
data——可选参数,可省略
fn ——处理函数
绑定事件——单独绑定
$(".top").bind(“mouseover”,function(){
$(".down").css(“display”,“block”);
})
绑定事件——绑定多个
$(".top").bind({
mouseover:function(){
$(".down").css(“display”,“block”);
},
mouseout:function(){
$(".down").css(“display”,“none”);
}
});
区别在于bind函数后()中,绑定单个直接绑定事件
绑定多个时需要用{}将多个事件扩中,之间用逗号连接
移除事件 : unbind()方法
unbind(【type】,【fn】)
当unbind()不带参数时,表示移除所绑定的全部事件