<html>
<head>
<title>jQuery表格修饰:隔行换色,点击变色,多选单选变色丨芯晴网页特效丨CsrCode.Cn</title>
<script language="JavaScript" type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
$(document).ready(function(){
$("#hahaaaa").html("<tr><td>dfd</td><td>sdf</td></tr><tr><td>dfd</td><td>sdf</td></tr>");//这里就是我想往table表写入的代码,结果失败了,这些数据是我从后台用ajax取回来的,打印成表格.
 $('.cssraindemo3 tbody tr:even').addClass('SelectColor');
 $('.cssraindemo3 tbody tr').hover(
  function() {$(this).addClass('highlight');},
  function() {$(this).removeClass('highlight');}
 ); 
 // 单选框
 $('.cssraindemo3 tbody tr').click(
  function() {
   $(this).siblings().removeClass('selected');
   $(this).addClass('selected'); 
  }
 );
 
 //选中哪一行
 $('.cssraindemo3 tr').click(function() {
$(this).find('td').each(function(i) {
if (i == 0) {
var text = $(this).text();
alert(text);
}});
}); //结束
});
 
//-->
</SCRIPT>
<style type="text/css">
tr.SelectColor  { background:#FFF3BF;}
tr.highlight { background:#6F4DFF;}
tr.selected  { background:#aaaaaa;color:#fff;}td { font:normal 12px/17px Arial;padding:2px;width:100px;}
th   { font:bold 12px/17px Arial;text-align:left;padding:4px;border-bottom:1px solid #333;}
table  { border:0;border-collapse:collapse;}
</style>
</head>
<body> 
<table class="cssraindemo3" >
<div id="hahaaaa"></div>
<thead>
<tr>
 <th> </th>
<th>姓名</th>
 <th>性别</th>
 <th>暂住地</th>
</tr>
</thead>
<tbody>
<tr>
 <td>1</td>
   <td>张山</td>
 <td>男</td>
 <td>浙江宁波</td>
</tr>
<tr>
 <td>2</td>
   <td>李四</td>
 <td>女</td>
 <td>浙江杭州</td>
</tr>
<tr>
 <td>3</td>
    <td>王五</td>
 <td>男</td>
 <td>湖南长沙</td>
</tr>
<tr>
 <td>4</td>
  <td>找六</td>
 <td>男</td>
 <td>浙江温州</td> 
</tr>
<tr>
<td>5</td>
   <td>Rain</td>
 <td>男</td>
 <td>浙江杭州</td>
</tr>
<tr>
 <td>6</td>
 <td>MAXMAN</td>
 <td>女</td>
 <td>浙江杭州</td>
</tr>
</tbody>
</table>
</body>
</html>