在jQuery代码中使用CSS visibility属性的正确语法咨询

嘿，我来帮你捋捋这个问题～你的需求是点击按钮后用visibility属性显示确认提示，3秒后再隐藏，而且不想用show()/hide()——这个思路没问题，但原来的代码有个小坑：jQuery的.delay()方法只对加入动画队列的方法生效，而.css()是直接同步修改样式的，不会进入动画队列，所以你的代码会直接把元素设为visible后立刻又改成hidden，根本看不到显示的效果。

下面给你两种可行的正确写法：

方法1：利用jQuery的队列机制（queue） #

我们可以把隐藏的操作放进队列里，这样.delay()就能起作用了：

$("#success").css({"visibility": "visible"}).delay(3000).queue(function(next) {
  $(this).css({"visibility": "hidden"});
  next(); // 别忘了调用next()，让队列后续的操作继续执行
});

方法2：使用原生setTimeout（更直观） #

如果觉得队列有点绕，直接用原生的定时器也是很稳妥的选择：

const $success = $("#success");
$success.css({"visibility": "visible"});
setTimeout(() => {
  $success.css({"visibility": "hidden"});
}, 3000);

两种方法都能实现你要的效果，看你个人习惯选就行～

内容的提问来源于stack exchange，提问作者pacificskybeachresort