《隔行換色V1.1》————jQuery

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style>
		.bc{
			background-color:yellow ;
		}
	</style>
	<script type="text/javascript" src="js/jquery.js" ></script>
	<script>
		$(function(){
			$("tr:odd").addClass("bc");
			$("tr:even").css("background","red");
		})
	</script>
	<body>
		<table align="center" width="50%" border="1px" cellspacing="0">
			<tr>
				<td>ID</td>
				<td>NAME</td>
				<td>AGE</td>
			</tr>
			<tr>
				<td>001</td>
				<td>張三</td>
				<td>22</td>
			</tr>
			<tr>
				<td>002</td>
				<td>李四</td>
				<td>21</td>
			</tr>
			<tr>
				<td>003</td>
				<td>王五</td>
				<td>20</td>
			</tr>
		</table>
	</body>
</html>

 

發佈了156 篇原創文章 · 獲贊 13 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章