内容提要:
/******************************************************************
*
*clone():复制内容
*
*******************************************************************/
-------------------------------------------------------------------------------------------------------------------
效果展示:
-------------------------------------------------------------------------------------------------------------------
源码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.4.1.min.js"></script>
<script>
/******************************************************************
*
*clone():复制内容
*
*******************************************************************/
$(function(){
$("#button1").click(function(){
alert(1);
//复制div1的内容
var test = $("#div1").clone().text();
//复制div里p标签的内容
var test1 = $("#div1 p").clone().text();
//复制div中孩子元素的文本内容
var test2 = $("#div1").children().clone().text();
$("#textarea1").text("===复制div1的内容====");
$("#textarea1").append("<br />"+test);
$("#textarea1").append("<br />============复制div里p标签的内容=============");
$("#textarea1").append(test1);
$("#textarea1").append("<br />==============复制div中孩子元素的文本内容===========");
$("#textarea1").append(test2);
})
})
</script>
</head>
<body>
<div style=" width:300px">
<center>
<input type="button" value="复制div内容" id="button1"/><br />
<textarea id="textarea1" style="width:300px; height:300px; " ></textarea><br />
<div id="div1" style="width:300px; height:300px; background-color:#09C">
div中text
<p>p中jQuery</p>
<p>p中jQuery</p>
</div>
</center>
</div>
</body>
</html>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。