使用jQuery完成点击按钮选取所有可见的div元素在2秒之内完全显示出来;
您可以使用以下代码使用jQuery完成此操作:
$(document).ready(function() {
// 当按钮被点击时执行
$("#showButton").click(function() {
// 选取所有可见的div元素
var divs = $("div:visible");
// 设置每个div元素的初始透明度为0
divs.css("opacity", "0");
// 设置动画时间为2秒,透明度渐变到1
divs.animate({opacity: 1}, 2000);
});
});
在上述代码中,我们首先使用$(document).ready()函数来确保DOM加载完毕后执行代码。然后,我们使用$("#showButton").click()函数来监听按钮的点击事件。
在点击事件的处理函数中,我们使用$("div:visible")来选取所有可见的div元素。接下来,我们使用css()函数将每个div元素的初始透明度设置为0。
最后,我们使用animate()函数来设置动画效果。在本例中,我们将透明度渐变到1,动画时间为2秒。
请注意,上述代码假设您的按钮具有一个id为showButton。您可以根据实际情况修改此id
原文地址: https://www.cveoy.top/t/topic/h2Ad 著作权归作者所有。请勿转载和采集!