<%@ page language="java" import= "java.util .*" pageEncoding ="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<script src= "http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js" >
</ script>
<script>
$(document).ready( function(){
$("#btn1").click( function(){
$( "p").append(" <b>Appended text</b>." );
$( "ol").append(" <li>Appended text</li>." );
});
$("#btn2").click( function(){
$( "ol").append("<li>Appended item</li>" );
$( "p").append("<b>Appended item</b>" );
});
});
</ script>
</head>
<body>
<p> This is a paragraph.</p >
<p> This is another paragraph.</p >
<ol>
<li> List item 1</li >
<li> List item 2</li >
<li> List item 3</li >
</ol>
<button id= "btn1">追加文本 </button>
<button id= "btn2">追加列表项 </button>
</body>
</html>