$("p").hide()
$('p').show()
$("p:first").hide()
$("ul li:first").hide()
$("ul li:first-child").hide()
$("#showBtn").click(function(){$("ul li:first-child").show();});
$("#hideBtn").click(function(){$("ul li:first-child").hide();});
<h1>heading</h1> <p>paragraph</p> <p>paragraph1</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
{
color:red;
}