jQuery学习(四)

jQuery中的事件和动画
JavaScript和HTML之间的交互是通过用户和浏览器操作页面时引发的事件来处理的。

1.jQuery中的事件
1.1 加载DOM
在常规js代码中,通常使用window.onload
在jQuery中,使用$(document).ready()
两者区别:window.onload是在网页中所有元素完全加载到浏览器后才执行;而
$(document).ready()注册的事件处理程序,在DOM完全就绪时可以被调用。显然把网页
解析为DOM树的速度比把页面中所有关联文件加载完的速度快很多。
jQuery代码:
$(window).load(function(){
})
等价于
window.οnlοad=function(){
}

JavaScript的onload事件一次只能保存对一个函数的引用,它会自动用后面的函数覆盖
前面的函数;而jQuery的$(document).ready()在每次调用时都会在现有行为上追加新
的行为,这些行为函数会根据注册的顺序执行。

1.2 事件绑定
bind(type,data,fn),参数1是事件类型,参数2是可选参数,参数3是用来绑定的处理函
数。

1.3 合成事件
hover(enter,leave)
toggle(fn1,fn2,...,fnN)用于模拟鼠标连续单击事件

1.4 事件冒泡
页面上可以有多个事件,也可以多个元素响应同一个事件。

2.动画
2.1 show()和hide()
2.2 fadeIn()和fadeOut()
2.3 slideUp()和slideDown()
2.4 animate(params,speed,callback)
fadeIn()和fadeOut(),slideUp()和slideDown()这些方法无法满足用户的各种需求,
用animate()能解决些问题。
+=累加动画;-=累减动画
多重动画:同时执行多个动画,顺序执行多个动画。
综合动画:就是把几种动画组合起来;
动画回调函数:比如最后一步改变元素样式,直接用css就不行,得放到函数里面调用
停止和判断元素是否处于动画:

 

转载于:https://www.cnblogs.com/jinji/p/5875238.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值