📜  jQuery |穿越

📅  最后修改于: 2022-05-13 01:56:02.427000             🧑  作者: Mango

jQuery |穿越

在 jQuery 中,遍历意味着在 HTML 元素之间移动以查找、过滤或选择特定或整个元素。
根据遍历目的,以下方法分类如下:

树遍历:

祖先:

  • 父母()
    它给出了指定选择器的父元素
    句法:
    $(selector).parent();
  • 父母()
    它给出了指定选择器的所有祖先元素。
    句法:

    $(selector).parents();
  • 父母直到()
    它给出了指定选择器和参数之间的所有祖先元素。
    句法:
    $(selector).parentsUntil(selector, filter element)
    
    $(selector).parentsUntil(element, filter element)
    
  • 偏移父()
    它给出指定选择器的第一个定位父元素。
    句法:
    $(selector).offsetParent();
  • 最近()
    它给出了指定选择器的第一个祖先。
    句法:
    $(selector).closest(selector);
    $(selector).closest(selector, context);
    $(selector).closest(selection);
    $(selector).closest(element);

后代:

  • 孩子们()
    它给出了每个选定元素的子元素,可选择由选择器过滤。
    句法:
    $(selector).children();
    
  • 找()
    它给出指定元素的后代元素,由选择器、jQuery 对象或元素过滤。
    句法:
    $(selector).find('selector to find');

兄弟姐妹:

  • 兄弟姐妹()
    它给出了指定选择器的所有兄弟。
    句法:

    $(selector).siblings();
  • 下一个()
    它给出指定选择器的下一个兄弟元素。
    句法:
    $(selector).next();
    
  • 下一个全部()
    它给出了指定选择器的所有下一个兄弟元素。
    句法:
    $(selector).nextAll();
    
  • 下一个直到()
    它给出了指定选择器和参数之间的所有下一个同级元素。
    句法:
    $(selector).nextUntil();
    
  • 上一个()
    它给出指定选择器的前一个兄弟元素。
    句法:
    $(selector).prev(selector);
    
    $(selector).prev()
    
  • 上一页()
    它给出了指定选择器的所有以前的同级元素。
    句法:
    $(selector).prevAll(selector, filter element)
    
    $(selector).prevAll(element, filter element)
    
  • 上一个直到()
    它给出了指定选择器和参数之间的所有先前同级元素。
    句法:
    $(selector).prevUntil(selector, filter element)
    
    $(selector).prevUntil(element, filter element)
    

过滤

  • 第一的()
    它给出指定选择器的第一个元素。
    句法:
    $(selector).first();
    
  • 最后的()
    它给出指定选择器的最后一个元素。
    句法:
    $(selector).last();
    
  • 等式()
    它给出了具有指定选择器的特定索引号的元素。
    句法:

    $(selector).eq(index);
    
    $(selector).eq( indexFromEnd );
    
  • 筛选()
    它删除/检测与指定选择器匹配的元素。
    句法:
    $(selector).is(selector)
    $(selector).is(function)
    $(selector).is(selection)
    $(selector).is(elements)
  • 已()
    它给出包含一个或多个元素的所有元素,这些元素与指定的选择器匹配。
    句法:
    $(selector).has(selector);
    
  • 是()
    它检查指定的选择器之一是否与参数匹配。
    句法:
    .is( selector )
    .is( function )
    .is( selection )
    .is( elements )
  • 地图()
    通过函数传递当前匹配集合中的每个元素,生成一个包含返回值的新 jQuery 对象
    句法:
    .map( callback )
  • 片()
    它根据其参数索引或开始和停止值选择指定选择器的子集。
    句法:
    $(selector).slice(start, end );
    
    $(selector).slice(start);
    

杂项遍历

  • 添加()
    它将所有元素添加到一组匹配的元素中以同时操作它们。
    句法:
    $(selector).add(selector to add);
  • 添加返回()
    它将堆栈上的前一组元素添加到当前集合中,可选择由选择器过滤。
    句法:
    $(selector).addBack();
  • andSelf()
    已弃用 1.8,它是 addBack() 的别名。
    句法:
    $(selector).addSelf();
  • 内容()
    它给出了指定选择器的所有直接子节点,包括文本和注释节点。
    句法:

    $(selector).contents();
  • 不是()
    它给出了与指定选择器不匹配的所有元素。
    句法:
    $(selector).not(selector);
  • 结尾()
    它是当前链中最近的过滤操作,并将匹配元素集返回到其先前状态,并且不接受任何参数。
    句法:
    $(selector).each(callback function);
    

集合操作

  • 每个()
    它遍历 DOM 元素并执行回调函数

示例 1:



  

    
    
    

  

  
    
GeeksforGeeks (parent)         

GeeksforGeeks

        

GeeksforGeeks

        

GeeksforGeeks

        

GeeksforGeeks

        

GeeksforGeeks

    
     

输出:

示例 2:



  

    
    
    

  

  
    

HelloGeeksforGeeks

    

Article Info:

    
                          
        
                          
        
                          
        
                          
        
    
                  

输出