<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<script src="jquery-1.7.1.min.js"></script>
<script>
$(function () {
$('#btnAppend').click(function () {
var b = $('<b>zhh</b>');
$('#dv').append(b);
});
$('#btnAppendTo').click(function () {
$('<b>zhh</b>').appendTo($('#dv'));
});
$('#btnPrepend').click(function () {
var b = $('<b>zhh</b>');
$('#dv').prepend(b);
});
$('#btnPrependTo').click(function () {
$('<b>zhh</b>').prependTo($('#dv'));
});
$
('#btnAfter').click(function () {
var b = $('<b>zhh</b>');
$('#dv').after(b);
});
$('#btnInsertAfter').click(function () {
$('<b>zhh</b>').insertAfter($('#dv'));
});
$('#btnBefore').click(function () {
var b = $('<b>zhh</b>');
$('#dv').before(b);
});
$('#btnInsertBefore').click(function () {
$('<b>zhh</b>').insertBefore($('#dv'));
});
$('#btnEmpty').click(function () {
$('#dv').empty();
});
});
</script>
</head>
<body>
<input type="button" name="name" value="Append " id="btnAppend"/>
<input type="button" name="name" value="AppendTo " id="btnAppendTo"/>
<input type="button" name="name" value="Prepend " id="btnPrepend"/>
<input type="button" name="name" value="PrependTo " id="btnPrependTo"/>
<input type="button" name="name" value="After " id="btnAfter"/>
<input type="button" name="name" value="InsertAfter " id="btnInsertAfter"/>
<input type="button" name="name" value="before " id="btnBefore"/>
<input type="button" name="name" value="InsertBefore " id="Button1"/>
<input type="button" name="name" value="Empty " id="Button2"/>
<div id="dv">
Hello world
</div>
</body>
</html>