怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div
2个回答
2017-01-18 · 百度知道合伙人官方认证企业
尚学堂科技有限公司
北京尚学堂科技有限公司是一家从事JAVA、大数据、web前端、网络在线教育、互联网架构师、Android、ios技术开发、咨询为一体的软件公司。公司由海外留学人员和国内IT人士创建。
向TA提问
关注
![]()
展开全部
JQuery中点击一次添加按钮，增加一个div的思路如下
给按钮注册一个点击的监听事件
在监听器中创建一个div元素附加在一个html元素后面
示例代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
#father
{
width:150px;
height:150px;
background-color:red;
}
#father div
{
width:50px;
height:50px;
background-color:green;
font-size:12px;
}
</style>
<script type="text/javascript" src="/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn").click(function(){
})
//father元素后面增加一个div元素
$("#father").prepend("<div>新的div</div>");
})
</script>
</head>
<body>
<input type="button" value="增加div" id="btn">
<div id="father"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
TableDI
2024-07-18 广告
仅需3步!不写公式自动完成Excel vlookup表格匹配!Excel在线免，vlookup工具,点击42步自动完成表格匹配,无需手写公式,免费使用!...
点击进入详情页
本回答由TableDI提供
展开全部
$("button").click(function(){
$("#test").append(" <div>HLLOW</div>");
});
$("#test").append(" <div>HLLOW</div>");
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
