SOURCE

$("#hide").click(function(){
    $("#p1").hide();
  })
  $("#show").click(function(){
    $("p").show();
     
  })
   $("#show").click(function(){
    $("#p2").height(30);
     
  })
  
$("#height").click(function(){
    alert("div的高度: " + $("div").height());
  })
$("#clone").click(function(){
		$("p").clone().appendTo("div");
	})
$("#in").click(function(){
		$("#in").after("<span>qwe</span>");
	})
$("#in").click(function(){
		$("#in").before("<span>qwer</span>");
	})
$("#on").click(function(){
		$("h1").html("hellow");
	})
$("#b1").click(function(){
		$("img").attr("width","500");
	})
$("#b2").click(function(){
  $("p").css("color","green")
})
$("#b3").click(function(){
		$("<img src=https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1079910027,1088106670&fm=23&gp=0.jpg">).appendTo("body");
	})

<h1>heading</h1>
<p id="p1">hide</p>
<p id="p2">show</p>
<button id="hide">隐藏</button>
<button id="show">显示</button>
<div style="height:100px;width:300px;padding:10px;margin:3px;border:1px solid blue;background-color:lightblue;"></div><br>
<button id="height">div高度</button>
<button id="clone">克隆p标签内容</button>
<button id="in">插入</button>
<button id="on">h1标签变形</button>
<button id="b2">p标签变绿</button>
<button id="b3">加入图片</button>
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1495537654668&di=5cedfc3f78ea0bf0f882c850ba21bfc2&imgtype=0&src=http%3A%2F%2Fimg.51ztzj.com%2Fupload%2Fimage%2F20160817%2Fdn20160817012_670x419.jpg" width="400" height="213">
<button id="b1">图片加宽</button>