美文网首页
jQuery遍历

jQuery遍历

作者: Z1hgq | 来源:发表于2018-05-07 08:33 被阅读0次
    • 通过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>
    

    相关文章

      网友评论

          本文标题:jQuery遍历

          本文链接:https://www.haomeiwen.com/subject/dlkgkftx.html