SOURCE

//$("p:first").hide() ;
//$("p").show() ;
//$("p:last").hide() ;
// $("ul li:first").hide();
//$("ul li:first-child").hide();
$("#hideBtn").click(function(){
   $("ul li:first-child").hide();
  });
$("#showBtn").click(function(){
   $("ul li:first-child").show();
  });

<h1>Heading</h1>
<p >Paragraph</p>
<p >Paragraph2</p>
<p >Paragraph3</p>
<p>List 1:</p>
<ul>
  <li>Coffee</li>
  <li>Milk</li>
  <li>Tea</li>
</ul>

<p>List 2:</p>
<ul>
  <li>Coffee</li>
  <li>Milk</li>
  <li>Tea</li>
</ul>
<button id="showBtn">显示</button>
<button id="hideBtn">隐藏</button>

//P{
  color:red;
}