jquery 操作css

<style type="text/css">
table{width:500px;}
    caption{background:#DCA;}
.colorRed borderBlack{align:"right";}
</style>
<script type="text/javascript">
$(document).ready(function(){
//设置表格列的对齐方式
    odd_even("#table_test");
    //设置页面的input的宽度
    $("input").each(function (){
    $(this).css("width","300px");
    });
    });
    //对齐方式函数
    function odd_even(id){
    $(id).find("td").each(function(index,element){
    if(index%2==1)
   $(this).css("text-align","left");
    else
   $(this).css("text-align","right");
   });
    };
</script>

你可能感兴趣的:(jquery)