• Jquery遍历方法


    一父子,同级关系的
    同级关系:向上找
    1. prev(filter):向上找同辈第一个
    selector.prev(filter):例如$("#id").prve("div") 向上找同辈的一个div
     
    2.prevAll(filter):向上找所有的同辈元素
    selector.prveAll(filter):例如$("#id").prevAll("td")向上所有同辈的td元素
     
    3.prevUntil(stop,filter):向上找到指定元素之间的同辈元素
    selector.prevUntil(stop,filter):例如$("#id").privUntil("#Id1","td"):向上找从#id到#id1间所有同辈td元素
     
    同级关系:向下找
    1.next(filter):向下找同辈第一个
    selector.next(filter):例如$("#id").next("td"):向上找同辈的第一个td元素
     
    2.nextAll(filter):向下找同辈的所有元素
     
    3.nextUntil(stop,filter):向下找到指定元素之间的所有同辈指定元素
     
    同级关系:同辈找
    1.sibliings(filter):找所有的同辈的元素
    selector.siblings():找所有的同辈元素
    selector.siblings("td"):找所有同辈的td元素
     
    父级关系:
    1.parent(filter):找第一个直接父级元素
    $(".mini").parent("li.one")为所有class=.mini寻找直接父级元素且父级元素class=one
     
    2.parents(filter):所有的祖先元素
    3.offsetParent():第一个被定为的父级元素
    4.closest(filter):向上第一个指定属性的祖先元素
     
    子级关系
    children(filter):找直接子元素
    selector.childer(filter):$("#div").children("td")寻找#div所有标签为td的子元素
     
    二.过滤的
    1.find(filter):向下找指定属性的元素
    2.filter(criteria,function(index)):对指定元素集合进行过滤
    criteria:条件可以指定的标签
    function(index):对集合中的元素进行遍历,返回true则保留
    $("td").filter(".mini",function(){
     return $("span",this).length==2;//当前元素下的子孙span标签个数为2,则保留当前的td元素
    })
     
    3.has(filter):返回具有指定属性的元素集合
    4.is(filter):selector.is(":checked") 被选中的元素
    5.not(filter):$("td").not(".mini") 所有的td元素中排出class=mini的元素
    6.first():返回集合中第一个元素
    7.last():返回集合中最后一个元素
    8.eq(index):返回集合中等于指定索引的元素
    9.contents(filter) $("#div").contents("li") 所有div中包含文本li的所有div元素集合
    10.slice(start,stop) 指定索引开始,指定索引结束,可以为负数
     
    三 循环
    each(function(index,element){}):对集合进行遍历,执行回调函数
    map(function(index,element)):对集合进行遍历,执行回调函数,需放回新的jquery对象
    $("td").map(function(index,element){
    return this.id;
    }).join(',');
     
     
    四 其他
    add():将指定的元素添加到指定的元素集合中
    $("#id").add("p").add("span");
    end():返回过滤后的前一次的jquery对象
     
     
  • 相关阅读:
    用欧拉公式推导三角函数所有公式包括 倍角公式-半角公式-和差化积-积化和差
    20161006-git学习笔记
    十五的学习日记20160925
    十五的学习日记20160926-你不知道的JS笔记/
    十五的学习日记20160927-ES6学习/中间变量/数组坑/
    十五的学习日记20160928-扑克牌/目标/Apache外网访问
    十五的学习日记20160929-click300毫秒延迟/requestAnimationFrame/帧率
    十五的学习日记20160930-jquery/ajax/JS引擎/job queue
    十五的学习日记20161001-insertAdjacentHTML与insertAdjacentText
    传入评分 返回整数和小数 页面拼接 --------------20160705
  • 原文地址:https://www.cnblogs.com/CrazyShun/p/5406039.html
Copyright © 2020-2023  润新知