jQuery 添加元素

来源:互联网 发布:java udp收数据不全 编辑:程序博客网 时间:2024/05/21 11:02
<html>
<head>
<script src="D:/jquery-1.8.0.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
var txt1="<p>Text1</p>";//以html创建新元素
var txt2=$("<p></p>").text("Text2");//以jquery创建新元素
var txt3=document.createElement("p")
txt3.innerHTML="Text3";//通过DOM创建文本
$("p").append(txt1,txt2,txt3);
});
});
</script>
</head>
<body>
<p>今天天气不错</p>
<button type="button">点击增加文本</button>
</body>
</html>

append()-在被选元素的结尾插入内容
prepend()-在被选元素的开头插入内容
after()-在被选元素之后插入内容
before()-在被选元素之前插入内容
0 0
原创粉丝点击