SOURCE

$('p:first').hide();
$('ul li:first-child').hide();
$("#showBtn").click(function() {
  $('ul li:first-child').show();
});
$("#hideBtn").click(function() {
  $('ul li:first-child').hide();
});
$("#hei").click(function() {
  $('p').hide();
});
$("#ha").click(function() {
  $('p').show();
});
$("tr:even").css("background-color", "red");
$("tr:odd").css("background-color", "yellow");
$("#quanbu").click(function() {
  $('*').show();
});

<h1>
  heading
</h1>
<p>
  paragraph
</p>
<p>
  paragraph2
</p>
<ul>
  <li>
    a1
  </li>
  <li>
    a2
  </li>
</ul>
<ul>
  <li>
    b1
  </li>
  <li>
    b2
  </li>
</ul>
<button id="showBtn">
  显示
</button>
<button id="hideBtn">
  隐藏
</button>
<p>
  嘿
</p>
<button id="hei">
  嘿
</button>
<p>
  哈
</p>
<button id="ha">
  哈
</button>
<p>
  <table border="1">
    <tr>
      <th>
        嘻嘻嘻
      </th>
      <th>
        哈哈哈
      </th>
    </tr>
    <tr>
      <td>
        a
      </td>
      <td>
        a
      </td>
    </tr>
    <tr>
      <td>
        b
      </td>
      <td>
        b
      </td>
    </tr>
    <tr>
      <td>
        c
      </td>
      <td>
        c
      </td>
    </tr>
    <tr>
      <td>
        d
      </td>
      <td>
        d
      </td>
    </tr>
  </table>
</p>
<button id="quanbu">
  全部
</button>

p {
  color: blue;
}