使用JQuery取代css設置方案

研究jQuery真是對他越來越愛用
他的強大真是難以言喻，今天在玩一些css設計
原本一些難搞的瀏覽器相容性他都替我處理好了
原本我以為jQuery只能替我排除javascript在瀏覽器上的相容性問題
想不到他連css都替我handle了 真是件令人愉快的事情

舉個例子，元素透明度的設定問題
元素半透明的效果可以讓網頁更佳炫麗，但是考慮到瀏覽器問題這往往須要注意很多東西

<style>
.opac{
opacity:0.5; //for firefox
-moz-opacity:0.5;
filter:alpha(opacity=50); //for IE
}
</style>


如上面所示，設定個透明度為了瀏覽器相容必須設定同個屬性三次
但是使用jQuery呢，我們只須要一行程式碼就能解決

<script type="text/javascript">
$(document).ready(function(){
$('.opac').css("opacity","0.5");
});
</script>


這樣一來，要設計網頁障礙就更小了~