开始
|
|
事件
jQuery 是为事件处理特别设计的
鼠标事件:
click dblclick:点击事件,单击和双击
mouseenter mouseleave mousedown mouseup:鼠标移上去、移开、点下去、点击松开
hover(function, function) 第一个函数是 `mouseenter` 第二个函数是 `mouseleave`
focus blur:焦点,获取焦点和失去焦点
键盘事件:
keypress keydown keyup
|
|
效果
- 效果一般都是在事件触发之后表现出来
显示和隐藏
hide( )
显示
show( )
隐藏
toggle( )
用来切换 hide
和 show
|
|
淡入淡出
fadeIn( )
淡入
fadeOut( )
淡出
fadeToggle( )
切换 fadeIn
和 fadeOut
fadeTo( )
渐变给不透明度
|
|
滑入滑出
slideDown( )
滑入
slideUp( )
滑出
slideToggle( )
切换 slideDown
和 slideUp
|
|
动画
animate( )
|
|
也可以用相对值
|
|
使用队列功能,添加几个动画,使动画依次进行1234567891011121314151617$('button').click( let div = $('div') div.animate({ height:'300px', opacity: '0.4' }, slow).animate({ width:'300px', opacity: '0.8' }, slow).animate({ height:'100px', opacity: '0.4' }, slow).animate({ height:'100px', opacity: '0.8' }, slow))//四个动画依次进行,链式调用
stop( )
停止动画
|
|