console
$("#show").click(
function() { alert($("#div1").innerHeight());
} );
$("p#p1").hide();
$(document).ready(function(){
$("#btn1").click(function(){
$("p").append(" <b>插入文本</b>.");
});
$("#btn2").click(function(){
$("ol").append("<li>插入项</li>");
});
});
$(document).ready(function(){
$("button").click(function(){
$("img").attr({width:"300",height:"300"});
});
});
<div id="div1">13</div>
<h1>Property,Attribute</h1>
<p id="p1">paragraph1</p>
<p id="p2">paragraph2</p>
<button id="show">显示</button>
<button id="hide">隐藏</button>
<p>这是一个段落。</p>
<p>这是另一个段落</p>
<ol>
<li>列表项 1</li>
<li>列表项 2</li>
<li>列表项 3</li>
</ol>
<button id="btn1">插入文本</button>
<button id="btn2">插入列表项</button>
<br>
<img src="http://pic.58pic.com/58pic/15/22/27/11C58PICV76_1024.jpg" width="100" height="100">
<br>
<button>为图片设置width属性</button>
#div1{
height:30px;
border: 5PX solid;
}