zoukankan      html  css  js  c++  java
  • jQuery中的事件和动画

    jQuery中的事件:

    jQuery事件是对JavaScript事件的封装,常用事件分类:

    1. 基础事件:①鼠标事件;②键盘事件;③window事件;④表单事件
    2. 复合事件:①鼠标光标悬停;②鼠标连续点击

    鼠标事件:

    鼠标事件是当用户在文档上移动或单击鼠标时而产生的事件

    以mouseover( ) 【当鼠标移过菜单时】与mouseout( )【当鼠标移出菜单时】方法为例,实现导航菜单
    $(".nav-ul a").mouseover(function(){
           $(this).css("background-color","#f01e28");
    【使用mouseover事件使导航项目改变背景颜色】
    });
    $(".nav-ul a").mouseout(function(){
           $(this).css("background-color","#ff2832");
    【使用mouseout事件使导航项目还原背景颜色】
    });

    键盘事件:

    用户每次按下或者释放键盘上的键时都会产生事件,常用键盘事件:

    浏览器事件:
    语法:$(selector).resize( );
    调整窗口大小时,完成页面特效
     
    绑定事件:
    bind(type,[data],fn);
    type:事件类型,主要包括click、mouseover、mouseout等基础事件,此外,还可以是自定义事件
    data:可选函数
    移除事件:
    移除事件使用unbind()方法
    语法:unbind([type],[fn])
    type:事件类型,主要包括:blur、focus、click、mouseout等基础事件,此外,还可以是自定义事件
    fn:处理函数
    当unbind()不带参数时,表示移除所绑定的全部事件
     
    复合事件:
    hover()方法:
    hover()方法相当于mouseover与mouseout事件的组合
    语法:hover(enter,leave);

    toggle()方法:

    toggle()方法用于模拟鼠标连续click事件:

    语法:toggle(fn1,fn2,...,fnN);

  • 相关阅读:
    Vue $emit()不触发方法的原因
    java 定时任务之一 @Scheduled注解(第一种方法)
    Dubbo的使用及原理浅析.
    Android App 安全的HTTPS 通信
    详解intellij idea搭建SSM框架(spring+maven+mybatis+mysql+junit)
    IDEA 2018集成MyBatis Generator 插件 详解
    自建证书配置HTTPS服务器
    Jsoup(一)Jsoup详解(官方)
    Android使用最小宽度限定符时最小宽度的计算
    可显示行号的log工具
  • 原文地址:https://www.cnblogs.com/chuliuxiang/p/11049275.html
Copyright © 2011-2022 走看看