$(this).next()和$(this).children()有哪些区别

Question

.next() 获取下一个单个子元素children() 获取多个子元素如:<ul class="level-2">
      <li class="item-a">A</li>
      <li class="item-b">B
        <ul class="level-3">
          <li class="item-1">1</li>
          <li class="item-2">2</li>
          <li class="item-3">3</li>
        </ul>
      </li>
      <li class="item-c">C</li>
    </ul>
$('ul.level-2').children().css('background-color', 'red');意思就是 ul 里的li背景色全部是红色。

Answer 1

$(this).next() 当前元素同级的下个元素，而非子元素，1楼的说法有误$(this).children() 是当前元素的下一级元素的集合，就是子元素的集合，而不管子元素的后代元素所以这两个没有什么可比性，前者是找同级元素，后者是找子元素children()和find()倒是有些共性有些区别children()只管它下面一级的元素，而find()是管所有后代元素