您的位置：首页 > Web前端 > JQuery

JQuery选择器 eq(n) 和nth-child(n)的区别

2015-04-27 19:03 495 查看
$("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
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航