1.JQery中的事件:
鼠标事件:click(),mouseover(),mouseout(),mouseenter(),mouseleave();
区别:mouseout()【鼠标移出】和mouseleave()【鼠标离开】:
相同点:鼠标离开被选元素时会触发;
不同点:鼠标在被选(子)元素上来回离开时候触发mouseout,不触发mouseleave;
mouseover()【鼠标移过】和mouseenter()【鼠标移入】
相同点:鼠标进入备选元素时会触发;
不同点:鼠标在被选(子)元素上来回进入时候触发mouseover,不触发mouseenter;
2.键盘事件:
keydown():键盘按下的时候;
keyup():释放键盘的时候;
keypress():产生可打印字符的时候;
3.绑定事件和移除事件:
绑定事件:on(绑定类型,处理函数)
用on绑定单个事件:
绑定多个事件:
利用on给未来元素,做事件委托处理:
一般给未来元素创建事件的时候,对象给body,
第一个参数是事件类型,第二个参数是未来元素,第三个参数是绑定的函数方法
移除事件:off()方法:
主要针对的事件类型:blur、focus、click、mouseout等基础事件,此外,还可以是自定义事件;
当off()不带参数时,表示移除所绑定的全部事件;
hover()方法:
hover()方法相当于mouseover与mouseout事件的组合
hover(enter,leave);
第一个函数表示光标移入时触发(相当于mouseover),第二个函数表示光标移出时触发(相当于mouseout);
jQuery动画效果:
控制元素的显示及隐藏
show()控制元素的显示,hide( )控制元素的隐藏
show和hide里面可以传参数,可以传毫秒数和出现的快慢(slow、normal、fast)以及函数;
toggle()方法:
toggle()方法不带参数,与show( )和hide( )方法作用一样的
改变元素的透明度:
fadeIn()和fadeOut()可以通过改变元素的透明度实现淡入淡出效果;
也可以传参数,可以传毫秒数和出现的快慢(slow、normal、fast)以及函数;
改变元素的高度:
slideDown()可以使元素逐步延伸显示(也就是逐向下展示)
slideUp()则使元素逐步缩短直至隐藏(也就是逐步向上隐藏)
也可以传参数,可以传毫秒数和出现的快慢(slow、normal、fast)以及函数;
自定义动画:animate()
只支持动画,不支持背景颜色变化;
ps:如果想在一个函数内实现多次点击产生不同效果:
那么如何实现呢?:
第一种实现方法:用true和false的方法;
第二种实现方法:用slideUp和slideDown也可以实现;|| fadeToggle用来切换fadeIn和fadeOut效果的;