怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div
展开全部
<!DOCTYPE html>
<html>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
function appendText()
{
var txt1="<p>Text.</p>"; // 以 HTML 创建新元素
var txt2=$("<p></p>").text("Text."); // 以 jQuery 创建新元素
var txt3=document.createElement("p");
txt3.innerHTML="Text."; // 通过 DOM 来创建文本
$("body").append(txt1,txt2,txt3); // 追加新元素
}
</script>
<!-- CSS_ADSBLOCK_START -->
<link rel="stylesheet" href="http://adblockers.opera-mini.net/css_block/domainless-unknown.css" type="text/css" />
<link rel="stylesheet" href="http://adblockers.opera-mini.net/css_block/page_4_6b4k0ol3422es0vspqf5nyl7xxm3378n5elfz5neooc3npaz0p.css" type="text/css" />
<!-- CSS_ADSBLOCK_END -->
<body>
<p>This is a paragraph.</p>
<button onclick="appendText()">追加文本</button>
</body>
</html>
例子
<html>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
function appendText()
{
var txt1="<p>Text.</p>"; // 以 HTML 创建新元素
var txt2=$("<p></p>").text("Text."); // 以 jQuery 创建新元素
var txt3=document.createElement("p");
txt3.innerHTML="Text."; // 通过 DOM 来创建文本
$("body").append(txt1,txt2,txt3); // 追加新元素
}
</script>
<!-- CSS_ADSBLOCK_START -->
<link rel="stylesheet" href="http://adblockers.opera-mini.net/css_block/domainless-unknown.css" type="text/css" />
<link rel="stylesheet" href="http://adblockers.opera-mini.net/css_block/page_4_6b4k0ol3422es0vspqf5nyl7xxm3378n5elfz5neooc3npaz0p.css" type="text/css" />
<!-- CSS_ADSBLOCK_END -->
<body>
<p>This is a paragraph.</p>
<button onclick="appendText()">追加文本</button>
</body>
</html>
例子
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
