发布微博案例
1.点击发布文本框输入的内容 显示在下面
2.点击后面的删除 可以删除留言
重点注意
文本框的值获取用 .val()
普通的用 .html()
动态生成 li 把输入的内容存在 li 里
添加到 ul里 添加在前用prepend() 添加在后用append()
绑定动态元素的事件 必须用 on
slideUp()里面可以添加回调函数
代码展示
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
a{
float: right;
}
li{
border-bottom: 1px solid silver;
width: 220px;
}
</style>
</head>
<body>
<div class="box">
<span>微博发布</span>
<textarea class="text" cols="20" rows="5"></textarea>
<button class="btn">发布</button>
<ul>
</ul>
</div>
<script src="../jQuery-code/jQuery.js"></script>
<script>
$(".btn").on("cl