.show（）无法在页面加载上工作-jQuery

我一直在尝试让jQuery为我的页面加载设置动画。我已经证明jQuery工作正常，因为它与.hide一起工作

这是我的

这是我的JavaScript文件

$(document).ready(function(){
  $(".intro").show();
});

---

这是因为你有这是你的CSS：

.intro {
    visibility: hidden;
}

要解决此问题，请将CSS更改为：

.intro {
    display: none;
}

或

更改JS：

$(document).ready(function(){
    $(".intro").css('visibility', 'visible');
});

jQuery方法设置要显示的元素的样式：block；但忽略了可见性样式。该方法本质上增加了显示：无；一个元素

.

使用

显示：无

而不是

可见性：隐藏

在你的css中为class.intro

---

这是您的css中的。

设置可见性：hidden；。将其更改为显示：无

因为.show基本上就是做display:block

或

更改代码如下$.intro.cssvisibility，visible

---

好的，对不起，我刚开始jQuery@thomfur：实际上这是一个CSS的东西。可见性和显示属性具有不同的用例。