jQuery遍历
2018-05-07 本文已影响0人
Z1hgq
- 通过children是匹配合集中每一给元素的第一级子元素
- find查找范围包括子节点的所有后代节点
- 通过parent是匹配合集中每一个元素的父元素
- 通过parent是匹配合集中所有元素的祖辈元素
- 通过closest是匹配合集中每一个元素的祖先元素
例如:在div元素中,往上查找所有的li元素,可以这样表达
$("div").closet("li')
- 通过next匹配合集中每一个元素的下一个兄弟元素
- 通过prev是匹配合集中每一个元素的上一个兄弟元素
- 通过siblings是匹配合集中每一个元素的同辈元素
- add操作是把另一个元素添加到选中的集合中,当选中的集合被操作时它也被操作
- each操作是遍历选中集合中的每一个元素,index属性是元素的位置
示例:将位置为单数的元素字体换成蓝色
<script type="text/javascript">
$("button:last").click(function() {
//遍历所有的li
//修改偶数li内的字体颜色
$("li").each(function(index, element) {
if (index % 2) {
$(this).css('color','blue')
}
})
})
</script>