在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（不太可能，我知道ow，但可能）表格將永遠不會顯示。

Answer 2

你的表是在默認情況下可見，用造型來隱藏它：

table { 
    display: none; 
} 

Fiddle

Answer 3

必須hide()才能fadeIn()，試試這個：

$(document).ready(function() { 

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

}); 

Answer 4

你的代碼是對了，只是看到fadeIn（）效果先fadeOut它或像這樣隱藏它..

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