隱藏/顯示元素或追加元素會更好嗎？

方法1：

<p>When I'm clicked, add an image under me.</p> 
<img src="/path/to/image.gif" /> 

$('p').hide(); // OR css display:none 
$('p').click(function() { 
    $('img').show(); 
});

方法2：

<p>When I'm clicked, add an image under me.</p> 

$('p').click(function() { 
    $('<img src="/path/to/image.gif" />').appendTo('p'); 
});

來源

2012-11-19 finspin

是否一種方法或其他方法是首選完全取決於情況。 –

真的取決於你如何使用它。如果它只觸發一次，則表示方法2 ..如果您正在切換隱藏和顯示，則使用方法1 – kingkode

它們都只會導致一次重繪，因此性能差異應該可以忽略不計。哪種方法更易於維護和/或更易於閱讀？隱藏/顯示元素更爲常見。 –

在這種精確情況下，第一溶液似乎更好，因爲它可以使瀏覽器開始加載圖像早在用戶點擊之前。

當你沒有那麼大行爲差異，我建議保持解決方案，使您擁有最清潔，最簡單的代碼。這將取決於您可以向我們展示的更多代碼。

即使在那裏，如果它是一個框架更加連貫或圖像幾乎保證是在緩存等原因有可能是第二個解決方案是更好的。

來源

2012-11-19 21:01:16

隱藏/顯示元素或追加元素會更好嗎？

回答

相關問題