SOURCE

$("#cell").click(function(){
$("#po").hide(1000);
 alert("现在段落被隐藏了");
  });
$("#belling").click(function(){
$("h2").hide("slow",function(){
alert("段落现在被隐藏了");});
  });//cellback 示例
$('#btn1').click(function(){
  alert("Text:"+$("#txt").text());
});
$('#btn2').click(function(){
    alert("HTML: " + $("#txt").html());
  });//jquery html和txt
$('#btn3').click(function(){
  alert("显示值为:" +$("#test").val());
});//jquery  value的使用
$('#btn4').click(function())

<button id="cell">隐藏</button>
<p id="po">这是一个段落，内容很少</p>
<button id="belling">显示</button>
<h2>遵守实验规则</h2>
<p id="txt">荷叶上的露珠闪闪发光</p>
<button id="btn1">显示文本</button>
<button id="btn2">显示HTML</button>
<p><input type="text" id="test" value="课业改革"></p>
<button id="btn3">显示</button>
<p id="huan">jquery  attr 方法</p>
<button id="btn4">jQuery值的显示</button>