怎么用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>

这个TEXT指的是你的变量吗?  还是JQ方法?

你可以按我以下的思路试试:  (ps:不知道我理解对没~)

var text = xxxxxxxx

//定义text,添加div

$(this).append('div')

//在div里添加a标签,并将text作为a的href使用

$('div').html('<a href="'+text+'"></a>')

1、jQuery设置css样式

<div style="background-color:#ffffffpadding-left:10px">测试jQuery动态获取padding-left</div>

2、用css()方法返回元素的样式属性

$("div").css("padding-left"))

3、用css()设置样式

$("div").css("color","yellow")

4、设置多个样式

$("div").css({"background-color":"yellow","font-size":"200%"})

var css = {

 background-color: '#EEE',

 height: '500px',

 margin: '10px',

 padding: '2px 5px'  }

$("div").css(css) 


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存