（与jQuery靠近乎）04-jQuery中的事件整合two篇---默认与冒泡事件/动画等事件方法

今天，我还是风尚，一个有梦想的咸鱼程序员

今天我们还来和jQuery来靠近乎

---

温馨提醒：好记性不如赖笔头，遇到新知识记得做好笔记哦

---

今日份咱们整点

一.jq中的事件（默认与冒泡事件）

二.jq中的动画

---

 昨日份必备单词（必须会背）
propagation 冒泡             prevent 阻止       default 默认           trigger触发

animate动画                    slide滑动                                   fade淡入

---

（与jQuery靠近乎）04-jQuery中的事件整合one篇_风尚云网-CSDN博客今天，我还是风尚，一个有梦想的咸鱼程序员今天我们还来和jQuery来靠近乎温馨提醒：好记性不如赖笔头，遇到新知识记得做好笔记哦今日份咱们整点一.jq中的事件（ready加载事件，on注册事件，off移除事件）二.jq中的合成事件以前的没看懂的，没了解的快去了解风尚云网_CSDN博客风尚云网_CSDN博客https://blog.csdn.net/zsx0806?type=blog风尚云网_CSDN博客都会了进行今天的剧情，人生如戏，全看演技今日份必备单词（必须会背）.https://blog.csdn.net/zsx0806/article/details/121272109

没看上一篇的建议先看上一篇

一.jq中的事件（默认与冒泡事件）

阻止事件冒泡的方法：

在绑定的事件中加入event参数，并在函数中增加event.stopPropagation()调用就可以阻止事件冒泡。

也可以使用return false阻止冒泡。

event中还有一个方法：event.preventDefault();作用是阻止默认行为，如表单提交！

        

补充：模拟操作事件操作。

trigger()

例如：

$(“#pos”).click(function(){

–$(“#btn”).trigger(“click”);//模拟操作触发的#btn的click事件.

})

---

二.jq中的动画事件

控制显示和隐藏

show()  “fast”:200  “normal”:400  “slow”:600

hide()

控制不透明度

fadeIn()

fadeOut()

fadeTo()  //$(“div”).fadeTo(“fast”,”0.2”);

控制高度

slideUp()

slideDown()

自定义动画实现

animate(params,speed,fun);

累加、累减动画

$(“#btn”).click(function(){

  $(“#pos”).animate({left:”+=20px”},fast);

})

同时执行多个动画

$(“#pos”).animate({left:”+=20px”,height:”+=20px”},fast);

停止动画

stop()方法：停止阶段性动画。

stop(true)方法：停止当前动画后的所有阶段动画。

判断元素是否处于动画状态

$(“#ele”).is(“:animated”)

说明：动画是顺序执行的。

---

动画学会了就可以实现

•幻灯片

•弹框效果

预告下一篇更新动画实例

---

今日份分享到这里结束了

我还是风尚，一个有梦想的咸鱼程序员！让我们一起努力，共创明天的辉煌！喜欢就给个小关注啊，

关注风尚不迷路！

记得一键三连，禁止白嫖