使用jQuery淡化加载元素

Question

我正试图淡化jQuery中的一个元素，尽管它很简单，但它对我不起作用。这是代码：

<table><tr><td>Blah</td></tr></table>

$(document).ready(function () {
    $("table").css('color','green');
    $("table").fadeIn(2000);
});

这是jsFiddle中的一个例子：http://jsfiddle.net/heUkN/1/

Answer 1

除非首先隐藏，否则它不会淡入。试试这个：

$(document).ready(function () {
    $("table").css('color','green');
    $("table").hide().fadeIn(2000);
});

我在这里使用了hide()

JSFiddle

---

您也可以使用CSS显示：

table{display: none;}

失败的原因在于，如果用户没有启用JavaScript（不太可能，我知道，但可能），该表将永远不会显示。

Answer 2

您必须hide()才能fadeIn()，试试这个：

$(document).ready(function () {

    $("table").css('color','green').hide().fadeIn(2000); 

});

Answer 3

默认情况下，您的表格可见，使用样式隐藏它：

table {
    display: none;
}

Fiddle

Answer 4

你的代码是正确的，只是看fadeIn（）效果首先淡出它或者像这样隐藏它。

$(document).ready(function () {
       $("table").fadeOut();
       $("table").css('color','green');
        $("table").fadeIn(2000);
        });