您可以使用以下代码使用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

使用jQuery完成点击按钮选取所有可见的div元素在2秒之内完全显示出来;

原文地址: https://www.cveoy.top/t/topic/h2Ad 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录