SOURCE

console 命令行工具 X clear

                    
>
console
$('ul li:first-child').hide()
 $("#showBtn").click(function(){
    $("ul li:first-child").show();
  });
 $("#hideBtn").click(function(){
    $("ul li:first-child").hide();
  });

  $("li:even").css("background-color","yellow");

$("#danchu").click(function(){

  $("#div1").fadeIn();$("#div2").fadeIn("show");
  $("#div3").fadeIn(3000);
});
$("#danru").click(function(){

  $("#div1").fadeOut();$("#div2").fadeOut("show");
  $("#div3").fadeOut(3000);
});
$(document).ready(function(){
  $("#flip").click(function(){
    $("#more").slideDown("slow");
  });
});
<h1>洛阳师范学院<h1>

  <ul>
     <li>a1</li>
     <li>a2</li>
    
  </ul>
   <ul>
     <li>b1</li>
     <li>b2</li>
    
  </ul>
  <button id="showBtn">显示</button>
    <button id="hideBtn">隐藏</button>
  <button id="danchu">淡入</button>
   <button id="danru">淡出</button>
  
  <div id="div1" style="width:80px;height:80px;display:none;background-color:red;"></div><br>
<div id="div2" style="width:80px;height:80px;display:none;background-color:BLACK;"></div><br>
<div id="div3" style="width:80px;height:80px;display:none;background-color:blue;"></div>
  <div id="flip"> 点我了解更多</div>
  <div id="more"> 洛阳师范学院(Luoyang Normal University)是一所省属普通高等师范本科院校,位于河南洛阳,为河南省文明单位、河南省普通高校毕业生就业工作先进单位、教育硕士专业学位研究生培养试点单位。[1] 
学院的前身是始建于1916年的河洛师范学校,历经河南省立河洛师范学校、河南省立第四师范学校、河南省立洛阳师范学校、洛阳师范专科学校、洛阳师范高等专科学校诸阶段,2000年升格为本科院校,定为现名。[1] 
截至2016年4月,学校校园占地2850亩,建筑面积近71万平方米,固定资产总值约8.78亿元;有23个学院,3个公共教研部,63个本科专业,10个专科专业;有教职工1450余人,全日制在校生30000余人,各类成人教育学生4000余人。[1] </div>
h1 {text-align:center}
ol{text-align:center}
#more,#flip
{
	padding:5px;
	text-align:center;
	background-color:#e5eecc;
	border:solid 1px #c3c3c3;
}
#more
{
	padding:50px;
	display:none;
}