<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<style type="text/css">
div{
display: inline-block;
padding: 20px;
}
#content{
background-color: #fa0;
}
#before{
background-color: #c00;
}
#prepend{
background-color: #f60;
}
#append{
background-color: #090;
}
#after{
background-color: #09c;
}
</style>
</head>
<body>
<div id="content">我是內容</div>
<script type="text/javascript">
$('#content').before('<div id="before">用before插進來的</div>');
$('#content').prepend('<div id="prepend">用prepend插進來的</div>');
$('#content').append('<div id="append">用append插進來的</div>');
$('#content').after('<div id="after">用after插進來的</div>');
</script>
</body>
</html>
全站熱搜
留言列表
伺服器架設 (1)
