<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
<script type="text/javascript">
$(function(){
//jQuery查询table的子元素时,访问的是theader,tbody,tfootor,而并不是直接访问tr元素
//在使用层次选择器(选择儿子tr)时要写明tbody,否则找不到,或者使用层次选择器(选择子孙可避免此问题)
//var a = $("#table1>tr:gt(0)");//空数组,长度为0,因为默认table下有thead,tbody,tfoot
var a = $("#table1>tbody>tr:gt(0)");//最后两行
var b = $("#table1 tr");//全部的行
console.log(a);
console.log(b);
});
</script>
</head>
<body>
<table id="table1">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
</body>
</html>
层次选择器中的注意事项
最新推荐文章于 2023-01-04 15:09:22 发布