首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jquery 事件和动画

jquery 事件和动画

作者头像
用户5760343
发布2019-10-08 15:43:14
2K0
发布2019-10-08 15:43:14
举报
文章被收录于专栏:sktjsktj

$(document).ready(function(){

}) $(window).load(function(){

})

事件:

blur focus load resize scroll unload click dbclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error

image.png

元素绑定事件

this.bind("click",function(){

})

image.png

或者:

this.click(function(){})

hover 鼠标移入移出

image.png

toggle 鼠标单击双击

image.png

addClass hightlight

image.png

preventDefault() 组织默认行为:字段验证

image.png

或者: return false;

获取事件信息

event.type event.target pageX pageY event.which 哪个键按下的

获取页面坐标

image.png

bind.... unbind

模拟点击事件

this.trigger("click")

this.click()

模拟自定义事件,带参数

image.png

image.png

动画

show //hide show(1000) hide(2222)

透明度

fadeIn() fadeOut()

改变元素高度

slideUp() slideDown()

自定义动画 animate

image.png

image.png

animate callback

image.png

delay 延迟

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.10.08 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 事件:
  • 元素绑定事件
  • 或者:
  • hover 鼠标移入移出
  • toggle 鼠标单击双击
  • addClass hightlight
  • preventDefault() 组织默认行为:字段验证
  • 或者: return false;
  • 获取事件信息
  • 获取页面坐标
    • bind.... unbind
    • 模拟点击事件
    • this.trigger("click")
    • 模拟自定义事件,带参数
    • 动画
    • 透明度
    • 改变元素高度
    • 自定义动画 animate
    • animate callback
    • delay 延迟
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档