jquery 操作css

<styletype="text/css">

table{width:500px;}

caption{background:#DCA;}

.colorRedborderBlack{align:"right";}

</style>

<scripttype="text/javascript">

$(document).ready(function(){

//设置表格列的对齐方式

odd_even("#table_test");

//设置页面的input的宽度

$("input").each(function(){

$(this).css("width","300px");

});

});

//对齐方式函数

functionodd_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>

相关推荐