【第三章】过滤选择器-简单过滤器和内容过滤器

最新推荐文章于 2020-10-20 10:52:02 发布

JavaScript豆豆

最新推荐文章于 2020-10-20 10:52:02 发布

阅读量128

点赞数

本文链接：https://blog.csdn.net/qq_45695622/article/details/102770688

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>过滤选择器-简单过滤器和内容过滤器</title>
		<script language="JavaScript" src="js/jquery-1.11.1.min.js"></script>
		<style >
			td{
				font-size: 12px;
				padding: 3px;
				}
				.th{
					 background-color:greenyellow;
					font-weight: bold;
					text-align: center;
				}
				.even{background-color: #FFFF33;
				}
				.odd{
					background-color:#00FFFF;
				}
		</style>
	</head>
	<body>
		<table width="98%" border="1" align="center" cellpadding="0" cellspacing="1" bgcolor="crimson">
			<tr>
				<td width="11%" height="27">编号</td>
				<td width="14%" >发送者</td>
				<td width="12%" >接收者</td>
				<td width="33%" >内容</td>
				<td width="30%" >发送时间</td>
			</tr>
			<tr>
				<td height="27">1</td>
				<td>我</td>
				<td>你</td>
				<td>愿你听见我的名字时眉眼带笑，愿你再见我时不管不顾给我个拥抱。</td>
				<td>2019-10-27 13:14</td>
			</tr>
			<tr>
				<td height="27">2</td>
				<td>你</td>
				<td>我</td>
				<td>幸福是我需要时你在身旁，哪怕已经白发苍苍。</td>
				<td>2019-10-27 5:21</td>
				
				<tr>
						<td height="27">3</td>
						<td>他</td>
						<td>她</td>
						<td>你若赐我一段繁华，我便许你满世桃花</td>
						<td>2019-10-27 13:00</td>
				</tr>
			<tr>
				<td height="27">4</td>
				<td>她</td>
				<td>他</td>
				<td>晓看天色暮看君，行也思君，坐也思君</td>
				<td>2019-10-27 14:00</td>
				<tr>
						<td height="27">5</td>
						<td>豆豆</td>
						<td>肥肥</td>
						<td></td>
						<td>2019-10-27 13:00</td>
				</tr>
		</table>
		
		<script>
			$(document).ready(function(){
				 $("tr:even").addClass("even");
				 $("tr:odd").addClass("odd");
				 $("tr:first").removeClass("even");
				 $("tr:first").addClass("th");
			});
		
		</script>
		<script>
			$(document).ready(function(){
				$("td:parent").css("background-color","#E8F3D1");
				$("td:empty").html("暂无内容");
				$("td:('豆豆')").caa("color"."#FF0000");
				});
				
		</script>
		
	</body>
</html>

JavaScript豆豆

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【第三章】过滤选择器-简单过滤器和内容过滤器

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>过滤选择器-简单过滤器和内容过滤器</title> <script language="JavaScript" src="js/jquery-1.11.1.min.js"></...
复制链接

扫一扫