SOURCE

$('p').hide();
$('p').show();
$('ul li:first-child').hide();
$('#showBtn').click(function(){
  $('ul li:first-child').show();
});
$('#xianshi').click(function(){
  $('ul li:first-child').hide();
});
$('#text').hide();
$('.text').hide();
$('#Collge').click(function(){
  $('#text').show();
});
$('#Collge2').click(function(){
  $('#text').hide();
});
$("h2").click(function(){
  $(this).hide();
  });
 $('#zhaijian').mouseenter(function(){
   alert('鼠标进入弹窗')
 });
$('button').click(function(){
  $('h3').hide(500);
})
$("#flip").click(function(){
    $("#kuai").slideToggle("slow");
  });//jquary  滑动
$("#hello").click(function(){
    $("#donghua").animate({
      left:'250px',
      opacity:'0.5',//不透明度
      height:'200px',
      width:'200px'
    });
  });

<h1>jQUery学习</h1>
<p id="text">第一章</p>
<h2 class="text">政策实施</h2>
<ul><li>第一节</li>
    <li>第二节</li>
    <li>第三节</li>
</ul>
<ul><li>第四节</li>
    <li>第五节</li>
    <li>第六节</li>
</ul>
<button id="Collge">诗宗</button>
<button id="Collge2">宗师</button>
<button id="showBtn">开始</button>
<button id="xianshi">隐藏</button>
<br>

<h2>点我消失</h2>
<h2>再见</h2><br><br>
<p id="zhaijian">鼠标进入弹窗</p><br>
<button>太阳</button>
<h3>这是个段落，内容比较少。</h3>
<h3>这是另外一个小段落</h3>
<div id="flip">单击隐藏单击显示</div>
<div id="kuai">'HRLLO  CHINA'</div>
<br>
<button id="hello"> 开始</button>
<div id="donghua">动画效果</div>

p{
  color:blueviolet;
}
#flip,#kuai{
 text-align:center;
  background-color:pink;
  border:solid 1px black;
}
#kuai{
 display:none;
padding:50px;
}
#donghua
{ background-color:greenyellow;
  height:100px;
  width:100px;
  position:absolute;
}