jq选择元素

兄弟 父母 后代 是复数的都可以选择

parent() 方法返回被选元素的直接父元素。该方法只会向上一级对 DOM 树进行遍历
parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素。（复数）
parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。:$("span").parentsUntil("div");

children() 方法返回被选元素的所有直接子元素。（复数）
find() 方法返回被选元素的后代元素，一路向下直到最后一个后代。具体某一个

siblings() 方法返回被选元素的所有同胞元素。（复数）
next() 方法返回被选元素的下一个同胞元素。
nextAll() 方法返回被选元素的所有跟随的同胞元素。（复数）

first() 方法返回被选元素的首个元素。
last() 方法返回被选元素的最后一个元素。



 $("span").parents("ul").css({"color":"red","border":"2px solid red"});
parents() 方法返回被选元素的所有祖先元素。
	<ul>ul (grandparent)  
      <li>li (direct parent)
        <span>span</span>

 $("ul").children().eq(0).css({"color":"red","border":"2px solid red"});
children() 方法返回被选元素的所有!直接!子元素。不行 括号里面不能直接填span可用eq()
<ul>ul (direct parent)  
      <li>li (child)
        <span>span (grandchild)</span>
      </li>
		<li>li (child)
        <span>span (grandchild)</span>
      </li>


$("h2").nextAll("p.11").css({"color":"red","border":"2px solid red"});
nextAll() 方法返回被选元素的所有跟随的同胞元素。

$("h2").siblings("p").css({"color":"red","border":"2px solid red"});
siblings() 方法返回被选元素的所有同胞元素
  <p>p</p> p：class="11"
  <span>span</span>
  <h2>h2</h2>
  <h3>h3</h3>
  <p>p</p>

$("h2").nextAll("p").css({"color":"red","border":"2px solid red"});
nextAll() 方法返回被选元素的所有跟随的同胞元素。

  <h2>h2</h2>
  <h3>h3</h3>
  <p>p</p>