怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div

怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div,第1张

<!DOCTYPE HTML>

<html lang="en-US">

<head>

<meta charset="UTF-8">

<meta name="keywords" content="白菜编辑部">

<title>白菜编辑部</title>

<style type="text/css">

</style>

<script type="text/javascript" src="jquery-1.8.0.min.js"></script>

<script type="text/javascript">

$ (function ()

{

$ ('button').click (function ()

{

$('body').append('<div>11</div>')

})

})

</script>

</head>

<body>

<button>添加div</button>

</body>

</html>

<script src="js/jquery.js"></script>

<script>

function s(d){

    var div = $('<div class="' + d + '"></div>')

    $(document.body).append(div)

}

</script>

<style>

.cssName1 { padding: 20px margin: 10px border: 1px solid red }

.cssName2 { padding: 20px margin: 10px border: 1px solid black }

</style>

<input type="text" name="d" value="cssName1" />

<input type="button" value="x" onclick="s($('input[name=d]').val())">

想要结果正常又改动最少。办法如下:

td.innerHTML=4*i+j

但是这样输出的是一个方阵。也就是会输出到11.如果想要只输出到10的话。那就就需要添加一个全局变量来控制。

var temp=4*i+j;

if (temp<=10){

td.innerHTML=temp

}else{

return

}

每次在写td之前加一个if语句判断一下就ok了!

希望可以帮到你!


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/bake/11589041.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存