jquery的位置选择器二 -

lipiaoshui2015

浏览: 107765 次

最近访客更多访客>>

damin

让蛋蛋飞_007

wang_eye

xiaoweishu

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

jquery的位置选择器二

博客分类：

jquery

jquery的位置选择器二

1、代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
		<title>jquery的位置选择器二</title>
		<!--引入jquery依赖包-->
		<script type="text/javascript" src="../jquery-1.11.3.js"></script>
		<script type="text/javascript">
			$(function() {
				//获取<tbody>中的第2个<tr>节点
				//$("tbody tr:nth-child(2)").css("color","#f00");
				
				//获取<tbody>中的每个<tr>的第2个<td>节点
				//$("tbody td:nth-child(2)").css("color","#f00");
				
				//获取<tbody>中的偶数<tr>节点
				//$("tbody tr:nth-child(even)").css("color","#f00");
				//$("tbody tr:odd").css("color","#f00");
				
				//获取<tbody>中的奇数<tr>节点
				//$("tbody tr:nth-child(odd)").css("color","#f00");
				//$("tbody tr:even").css("color","#f00");
				
				//获取<tbody>中的行号【行号从0开始】大于2的<tr>节点
				//$("tbody tr:gt(2)").css("color","#f00");
				
				//获取包含内容2的<td>节点
				//$("td:contains(2)").css("color","#f00");
			});
		</script>
	</head>
	<body>
		<table width="700" border="1" align="center">
			<thead>
				<tr align="center">
					<td>用户编号</td>
					<td>用户姓名</td>
					<td>用户年龄</td>
					<td>用户密码</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>1</td>
					<td>张三</td>
					<td>23</td>
					<td>abc123</td>
				</tr>
				<tr>
					<td>2</td>
					<td>李四</td>
					<td>33</td>
					<td>abc123</td>
				</tr>
				<tr>
					<td>3</td>
					<td>王五</td>
					<td>43</td>
					<td>abc123</td>
				</tr>
				<tr>
					<td>4</td>
					<td>赵六</td>
					<td>53</td>
					<td>abc123</td>
				</tr>
				<tr>
					<td>5</td>
					<td>孙七</td>
					<td>63</td>
					<td>abc123</td>
				</tr>
			</tbody>
		</table>
	</body>
</html>

2、案例1