{site_name}

{site_name}

🌜 搜索

jQuery stop() 是一个用于停止当前正在运行的动画效果的方法

前端 𝄐 0
jquery是干什么的,jquery还有必要学吗,jquery和JavaScript,jquery插件库,jquery获取radio是否选中,jquery入门教程
jQuery stop() 是一个用于停止当前正在运行的动画效果的方法。它可以用于停止元素的所有动画效果,也可以指定要停止的特定动画。

当调用 stop() 方法时,元素将立即停止当前正在运行的动画效果,并进入它们的最终状态。如果需要完全停止动画并清除队列,则可以使用 stop(true)。

以下是一个例子,演示如何使用 stop() 方法停止元素上的动画效果:


// HTML 代码
<div id="myDiv">Click me to start animation</div>

// CSS 代码
#myDiv {
width: 100px;
height: 100px;
background-color: red;
}

// JavaScript 代码
$(document).ready(function(){
$("#myDiv").click(function(){
$(this).animate({width: "300px", height: "300px"}, 2000);
});

// 点击元素以停止动画效果
$("#myDiv").click(function(){
$(this).stop();
});
});


在这个例子中,当用户点击 myDiv 元素时,它会开始一个持续2秒钟的动画效果,使其变得更大。然后,当用户再次点击该元素时,它将调用 stop() 方法停止动画效果,使元素立即停止动画并保持在当前状态。