使用jquery設定元素的透明度

其實也不能說單單使用jquery設定設定元素的透明度，本章節從介紹一下如何使用CSS設定元素的透明度，然後再介紹一下如何用原生的javascript和jQuery設定透明度，希望對大家有所幫助。

一.CSS設定元素的透明度:

直接先上程式碼再進行介紹，程式碼如下:

[CSS] 純文字檢視 複製程式碼
filter:alpha(opacity:50); 
opacity(0.5);

以上程式碼的寫法是為了瀏覽器相容性，opacity(0.5)這種寫法可以被IE8以上和其他標準瀏覽器支援，filter:alpha(opacity:50)這個主要是為了相容IE8和IE8以下瀏覽器。

二.原生javascript設定元素的透明度:

[JavaScript] 純文字檢視 複製程式碼
oDiv.style.filter='alpha(opacity:50)'; 
oDiv.style.opacity=0.5;

以上程式碼是原生javascript設定透明度的方式，上面的寫法是和CSS想對應的，也是為了相容各個版本瀏覽器。

三.jQuery設定元素的透明度:

由於jquery已經做了封裝，所以只需要一段程式碼即可:

[JavaScript] 純文字檢視 複製程式碼
$("#thediv").css("opacity","0.5");