jQuery遍历

  • 通过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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上...
    阿r阿r阅读 1,043评论 0 9
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,364评论 0 8
  • 第1章 简介 第2章 DOM节点的创建 2-1 DOM创建节点及节点属性 通过JavaScript可以很方便的获...
    mo默22阅读 838评论 0 8
  • 1:jQuery节点创建与属性的处理 创建元素节点:可以有几种方式,后面会慢慢接触。常见的就是直接把这个节点的结构...
    码农小杨阅读 625评论 0 1
  • jQuery 遍历 什么是遍历?jQuery 遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取...
    鹿守心畔光阅读 400评论 0 6