jQuery過渡還是CSS？

Question

我應該使用CSS過渡還是jQuery？

我已經看到一些jQuery插件與jQuery一起使用，只有在瀏覽器不支持CSS轉換的情況下才使用jQuery。

怎么做？

Answer 1

您可以使用JQuery進行JQuery轉換和CSS轉換。

您可以在用戶的​​瀏覽器上進行檢查並執行類似的操作

var thing = $('#something');
var browserIsIE = function() {
    return false;
}

if ( browserIsIE() ) {
    thing.fadeOut();
}
else {
    thing.addClass('hidden');
}

CSS：

#something{
   transition: opacity 0.4s;
}

.hidden {
    opacity: none;
}

請注意，這段代碼實際上並不會檢查瀏覽器的版本，但是會處理如何淡化元素，您應該創建一個函數來檢查需要檢查的內容！

Answer 2

插件可能正在檢查瀏覽器版本。 在這里查看支持CSS過渡的瀏覽器的概述。

Answer 3

如果您非常確定您的用戶將使用最新版本的chrome或Mozilla或其他任何版本（不計入IE），那么CSS也可以視為一種選擇。 否則，您也可以使用JQuery用戶版本，該版本也支持IE。 最好的組合是將兩者同時用於網站將獲得更好的結果。

Answer 4

永遠不要使用用戶代理嗅探 ，而要使用功能支持/檢測。 那就是上帝給我們的Modernizr的目的。

Modernizr根據查看瀏覽器支持的技術將CSS類添加到html中。 然后，您可以在CSS中編寫：

.csstransitions #myelement { /* do css3 stuff */ }

並在jQuery中：

if (!$('html').hasClass('csstransitions')) { /* jQuery fallback */ }