Jquery遍历之获取⼦级元素、同级元素和⽗级元素
Jquery遍历之获取⼦级元素、同级元素和⽗级元素
  Jquery的遍历，其实就当前位置的元素相对于其他元素的位置的关系进⾏查或选取HTML元素。以某项选择开始，并沿着这条线进⾏移动，或向上（⽗级）、或向下（⼦级）、或⽔平（同级），直到到⽬标元素为⽌，这种移动也被成为对DOM进⾏遍历。
  其实对于DOM来说，这个不陌⽣，Jquery的遍历也就是在DOM树上上蹿下跳，当然这种上蹿下跳不是没有规则的，胡乱的是让⼈鄙视的。通俗的说，在⼀颗树上（你也在树上，已经爬上去了，哈哈），以你所在的位置为起点，以树上有个桃⼦为⽬的地，你的这个起点也就是当前this ，去移动去摘桃⼦的过程就是Jquery遍历，所以相对应的Jquery所衍⽣出的遍历⽅法可以分为三⼤类，即Jquery遍历之⽗级（祖先）、同级（同胞）和⼦级（后代）三种。
  Jquery遍历之⽗级
  parent()  返回当前被选元素的直接⽗元素；
  parents()  返回当前被选元素的所有⽗元素，直到⽂档的根部即<html>处为⽌；
  parentsUntil()  返回介于两个元素之间的所有当前元素的祖先元素；$("#id1").parentsUntil("#id5") 若这个id5是id1的⽗级元素，则此⽅法放回的是id1向上遍历到id5的所有元素。
  Jquery遍历之同级
  有许多⽅法让我们可以在DOM树上进⾏⽔平遍历。下⾯进⾏简单介绍，主要还是要实战操作。
  siblings()  返回被选元素的所有同胞（同级）元素；
  ////向下（next）
  next()    返回被选元素的下⼀个同胞元素;
  nextAll()    返回被选元素的所有跟随的同胞元素，即当前元素以下的所有同胞元素;
  nextUntil()    返回介于两个给定参数之间的所有跟随的同胞元素.
  ////向上（prev）
  prev()    返回被选元素的下⼀个同胞元素;
  prevAll()    返回被选元素的所有跟随的同胞元素，即当前元素以下的所有同胞元素;
jquery是什么选择器  prevUntil()    返回介于两个给定参数之间的所有跟随的同胞元素.
  Jquery遍历之⼦级
  children()  返回被选元素的直接⼦元素，就是真正的⼉⼦，不往孙⼦重孙那边去。
  find()    返回被选元素的后代元素，⼀路向下直到最后⼀个后代。
  Jquery遍历each()⽅法
  最后也是最为常⽤常见的⽅法，Jquery的each()⽅法，⼀般情况下我们遍历出来的是⼀个数组，通过遍历这个数组获得⽬的元素并对其修
改，each()⽅法最好不过了。　
  each() ⽅法规定为每个匹配元素规定运⾏的函数。
  提⽰：返回 false 可⽤于及早停⽌循环。
  语法：$(selector).each(function(index,element))
  参数：index - 选择器的 index 位置
    element - 当前的元素（也可使⽤ "this" 选择器）
  结束语：
  很长很长的时间我对于DOM的理解模模糊糊，感觉抓住了点东西⼜感觉什么也没有学到，理论与实践总是有差别的，通过⼏个项⽬的实践，对于概念的理解更加透彻，只有实践才能让理论的理解更加成熟，相辅相成。很多的时间花费在了页⾯这⼀块上，界⾯的处理，界⾯数据的处理让我深深的陷⼊了这个泥潭，去年花了很长的时间狠狠的学习了⼀遍数据库知识，去年下半年花了点时间再次回顾js/Jquery，起码让我在这个泥潭中陷⼊的时间短暂⼀点，对于我⼀个刚刚出道的年轻⼈（好像不怎么年轻了），迷茫、⽆知、恐惧总是伴随，只有不断的学习才能让我短暂的得到安全感。
  说的有点多了，就这样吧，以后的⽇⼦还长着呢。希望得到各位的⿎励，谢谢！！！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。