$("tr>td").eq(n)-------------->查找所有tr里的td子元素,从根节点找将其依次放入数组中(从0开始),然后再查找第n个元素,所以查到的只有一个元素
$("tr>td:nth-child(n)")------------>查找所有tr里的第n个td子元素(从1开始),所以查到的是多个
看如下代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="jquery-2.1.1.min.js"></script>
<script>
$(document).ready(function(){
$("tr>td").eq(1).css('color','red');
$("tr>td:nth-child(2)").css('background-color','yellow');
});
</script>
</head>
<body>
<table border="2px solid red">
<thead>
<tr>
<td>hello</td>
<td>hello</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
</tr>
</tbody>
</table>
</body>
</html>
还有一个eq和get的区别
控制台打印一下就知道区别了:
(1)eq获取到的是JQuery封装的一个对象
(2)get获取到的是js原生DOM