• jquery中的事件与动画


    1.jQuery事件是对JavaScript事件的封装,常用事件分类:(基础事件 鼠标事件 键盘事件 window事件 表单事件),(复合事件 鼠标光标悬停 鼠标连续点击)

    2.鼠标事件:mouseover( ),mouseenter( ),mouseout( ),mouseleave( )

    3.键盘事件:keydown( ),keyup( ),keypress( )

    4.hover()方法相当于mouseover与mouseout事件的组合

    5.toggle()方法用于模拟鼠标连续click事件,toggle()方法不带参数,与show( )和hide( )方法作用一样

    6.toggleClass( )可以对样式进行切换

    7.toggle( )和toggleClass( )总结 :  toggle( fn1,fn2...)实现单击事件的切换,无须额外绑定click事件 toggle( )实现事件触发对象在显示和隐藏状态之间切换 toggleClass( )实现事件触发对象在加载某个样式和移除某个样式之间切换

    8.show() 控制元素的显示,hide( )控制元素的隐藏

    9.fadeIn()和fadeOut()可以通过改变元素的透明度实现淡入淡出效果

    10.slideDown() 可以使元素逐步延伸显示 slideUp()则使元素逐步缩短直至隐藏

    1.鼠标事件
    click( ) 触发或将函数绑定到指定元素的click事件 单击鼠标时
    dblclick( ) 触发或将函数绑定到指定元素的dblclick事件 双击鼠标时
    mouseover( ) 触发或将函数绑定到指定元素的mouseover事件 鼠标指针移过时 子元素有效
    mouseout( ) 触发或将函数绑定到指定元素的mouseout事件 鼠标指针移出时 子元素有效
    mouseenter( ) 触发或将函数绑定到指定元素的mouseenter事件 鼠标指针进入时 子元素无效
    mouseleave( ) 触发或将函数绑定到指定元素的mouseleave事件 鼠标指针离开时 子元素无效

    2.键盘事件
    keydown( ) 触发或将函数绑定到指定元素的keydown事件 按下键盘时

    keyup( ) 触发或将函数绑定到指定元素的keyup事件 释放按键时
    keypress( ) 触发或将函数绑定到指定元素的keypress事件 产生可打印的字符时
    3.浏览器事件
    $(selector).resize( ); 改变浏览器窗口大小时触发

    4.绑定事件方式:
    on(),bind(),delegate(),live()

    5.复合事件
    hover(fn1,fn2) :鼠标移入移除
    toggle():显示和隐藏
    toggle(fn1....fnn)单击依照顺序触发
    7.动画:
    show(time,fn);
    hide(time,fn);
    fadeIn(time,fn); 淡入
    fadeout(time,fn); 淡出
    slideDown(time,fn); 逐步延伸
    slideUp(time,fn); 逐步缩短直至隐藏
    animate(样式,时间,执行函数)

  • 相关阅读:
    netty编译报错
    idea快捷键:查找类中所有方法的快捷键
    vue修改浏览器的标题title
    django使用原生SQL的方法
    js 动态刷新页面日期
    H.264中的SPS和PPS
    CppProperties.json 参考
    FFmpeg代码导读——HEVC在RTMP中的扩展
    FFmpeg从入门到精通:SEI那些事
    FFmpeg代码导读——基础篇
  • 原文地址:https://www.cnblogs.com/rzbwyj/p/11040482.html
Copyright © 2020-2023  润新知