如何在用jQuery的remove移除样式时加入过渡时间,没有过渡直接删除感觉十分僵硬?

html-css013

如何在用jQuery的remove移除样式时加入过渡时间,没有过渡直接删除感觉十分僵硬?,第1张

监听动画结束。看你是animation还是transition了。例如你定义了haha的动画,那么jquery来监听haha的动画结束

transition

transitionend 事件会在 CSS transition 结束后触发. 当transition完成前移除transition时,比如移除css的transition-property 属性,事件将不会被触发.如在transition完成前设置  display 为"none",事件同样不会被触发。

animation

animationend 事件会在一个 CSS 动画完成时触发(不包括完成前就已终止的情况,例如元素变得不可见或者动画从元素中移除)。

首先你的写法是错误的,HTML内的ID不可以重复,只有name或class等属性可以有重复。

你想移除这个div可以这么写:

$(".commodity_add_div_1_div").click(function(e){

$(this).remove()

})

这样就移除了当前元素。

同时,onClick="del(this)"这句可以删除,不需要这句。

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。

2、在index.html中的<script>标签,输入jquery代码:$('div').attr('style', '')。

3、浏览器运行index.html页面,此时通过jquery成功去除了div的style。