zoukankan      html  css  js  c++  java
  • jQuery里面的常用的事件和基础动画的实现

    一:了解jquery里面常用的事件


    二:了解基础动画的实现


    1:加载DOM

    在JavaScript中使用window.onload事件作为窗体加载事件(它在页面所有数据加载完成之后才会执行)

    在jQuery里面中使用 $(document).ready(function()) 作为窗体加载事件(在DOM加载完成之后就会执行)


    2:事件绑定

    在文档加载完成后,可以使用bind()方法来对匹配元素进行特定事件的绑定

    bind(type [data],function)

    例子:$("div").bind("mouseover mouseout click",function(){ })

    unbind() 对匹配的元素进行移除事件的方法 unbind("type") type--事件类型

    3:常用的事件
    blur 失去焦点 focus 获取焦点 focusin focusout load unload click dblclick mousedown mouseup
    mousemove mouseover mouseout mouseenter mouveleave change select submit keydown keypress
    keyup error

    4: 阻止事件冒泡: event.stopPropagation()

    5:触发事件 trigger()

    $("#id").trigger("click") 常用模拟触发事件

    6:事件对象的属性

    event.type ----获取事件类型
    event.stopPropagation() -----阻止事件冒泡
    event.pageX ---获取光标相对于页面的X坐标
    event.pageY --获取光标相对于页面的Y坐标
    event.target --获取事件源对象(获取到触发事件的元素)
    event.which --在鼠标单击事件中获取鼠标的左中右键
    event.metaKey --为键盘事件中获取CTRL键

    event.metaKey :jquery1.4以及之前CTRL按下为true 后续版本改为false


    7: 动画
    show("速度") 显示元素
    hide("速度") 隐藏元素
    toggle() 切换效果

    fadeOut() fadeIn() 这两个方法是改变元素的不透明度(实现隐藏和显示的效果)

    slideUp() slideDown() 这两个方法是改变元素的高度


    自定义动画:animate(params,speed,function(){ }) //一个包含样式属性及值的映射 速度 在动画完成之后执行的方法

  • 相关阅读:
    第三部分 学习shell与shell scipt---第九章 vim程序编辑器
    端口映射与容器互联
    在web工程中如何查看编译后class路径
    Spring配置JDBC连接Orcale、MySql、sqlserver
    org.springframework.beans.factory.BeanNotOfRequiredTypeException错误
    windows系统中如何启动两个tomcat
    eclipse+maven搭建SSM框架
    windows下安装和配置多个版本的JDK
    java环境变量为1.7jdk为何在dos窗口中查看版本为1.8
    查看jdk、eclipse、tomcat的是32位还是64
  • 原文地址:https://www.cnblogs.com/remain/p/9512349.html
Copyright © 2011-2022 走看看