JQ和JS获取元素

<ul>
 <li>John</li>
 <li>Karl</li>
 <li>Brandon</li>
</ul>

获取第一个元素：  $("ul li:first-child")

<divid="getfirst"> 

  <ul>
   <li>John</li>
   <li>Karl</li>
   <li>Brandon</li>
  </ul>

</div>

获取第一个元素：  $("#getfirst").find("ulli:first-child")

或$("#getfirst").find("ul li").get(0)

或$("#getfirst").find("ul li").first()

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

JQ获取上一个元素：$("#getfirst").prev()

JQ获取下一个元素：$("#getfirst").next()

JS获取上一个元素：document.getElementById("compcode240").previousSibling

JS获取下一个元素：document.getElementById("compcode240").next

JQ获取第一个子元素：$("#getfirst").find("ul li:first-child")

JS获取第一个子元素：document.getElementById("compcode240").firstChild