當jQuery FadeOut一個元素，哪個屬性在css中改變？

當我們淡入或淡出某個元素時，哪個CSS屬性正在改變？這是可見性還是顯示？當jQuery FadeOut一個元素，哪個屬性在css中改變？

我想與說，一個if子句條件（僞）編寫代碼：

when the div is visible, do something

例子：

if ($('#div').is(':visible')) { 
    do something; 
}

...但我不知道哪個屬性或CSS中的屬性發生了變化。

來源

2013-09-25 Kiyarash

不透明度從1變爲0，並且顯示爲塊或無。 – Johan

爲什麼不能正確回答@Johan？;） –

@ChrisKempen還好吧，嘗試找到它的答案的海邊） – Johan

不透明度。

你也可以自己測試一下。如果您設置了長時間淡出（即：10秒），那麼您可以打開瀏覽器控制檯並檢查更改後的值。

添加以下代碼HTML文檔中：

HTML

<div id="testItem"></div>

CSS

#testItem 
{ 
    display : block; 
    width : 100px; 
    height : 100px; 
    background: #0AF; 
}

的JavaScript/jQuery的

jQuery(document).ready(
    function(e) 
    { 
     $('#testItem').click(
      function(e) 
      { 
       $(this).fadeOut(10000); 
      } 
     ); 
    } 
);

然後，用Chrome打開文檔，然後右擊點擊我們剛創建的div元素。從打開的菜單中選擇「檢查元素」（如果您的瀏覽器使用其他語言，則應該是菜單的最後一個選項）。然後，Chrome控制檯應該打開並且應該標記爲。

最後，點擊div元素，你會看到當你fadeOut /在某些元素中會出現什麼樣的情況。

來源

2013-09-25 12:06:11

我應該怎麼辦呢??? 你會解釋一些嗎？ – Kiyarash

和，不要忘記，以紀念一些答案爲正確的。這將幫助其他人知道你是否已經得到了答案。 –

ofcourse你說得對，我會的，因爲現在......其實我不知道..我 – Kiyarash

fadeIn()將opacity從0更改爲1（假設該元素從一開始就被隱藏）。

display將在動畫完成後設置爲block（默認爲400ms）。

恰恰相反。

來源

2013-09-25 12:05:03 Johan

*起飛隱喻帽子和蝴蝶結* –

據我知道它會改變opacity屬性，不能顯示或可見性屬性，將工作跨瀏覽器的，所以如果它的Firefox -moz-透明度會改變等

http://api.jquery.com/fadeIn/

來源

2013-09-25 12:05:12 geedubb

的'$ .fadeIn（）'和'$ .fadeOut（）'函數的功能，其實，將'display' CSS屬性分別修改爲'block'或'none'。這是因爲jQuery的1.10的真實;） –

當您任何元素，其不透明度從1切換到0和顯示屬性設置爲無。相反發生在fadeIn()方法（顯示屬性設置爲阻止。）

來源

2013-09-25 12:06:00

當jQuery FadeOut一個元素，哪個屬性在css中改變？

回答

相關問題