怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div相关的知识，希望对你有一定的参考价值。
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> 参考技术A $("button").click(function()
$("#test").append(" <div>HLLOW</div>");
);
jquery 怎么让一个div的内容未加载完时显示加载中...
比如div里是一个比较大的图片 加载比较慢
加载时，直接设置该DIV的值（提示），然后数据加载完毕，再显示数据，部分加载也一样；利用innerhtml
DIV设ID（例如A），默认文字（例如：正在加载...）
等内容下载（例如JS文件）完后就自动替换为ID=A的内容；
onload事件里面，if(document.readyState ！= "complete")判断页面是否加载完成，未完成给张图片显示（用隐藏域事先准备或innerHTML），else完成时就隐藏了。
但是ff不支持，用ajax实现， if(xmlHttp.readyState == 4 || xmlHttp.readyState == \'complete\')else在此操作。 参考技术A div1放一个<span id="">加载中......</span> 还有你要加载的其他东西放到你的div2中；加载此div1时隐藏你的内容div2，显示<span> ；在div2中加一onload事件即加载完成执行 隐藏<span>显示你的div2 希望对你有帮助！ 参考技术B 先显示加载中，在图片的onload事件中隐藏加载中，显示图片。
以上是关于怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div的主要内容，如果未能解决你的问题，请参考以下文章
怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div