appendTo的用法
2015-03-02 13:26:25 访问(1860) 赞(0) 踩(0)
-
<!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=gb2312" />
<title>appendTo的用法</title>
<script type="text/javascript" language="javascript" src="<%=jQuery%>"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#head2").click(function(){
$("<input type='text' name='ddd' id='ddd' value='hello ,slowx..' ><br>").appendTo("#ccc");
});
$("#head1").click(function(){
$("#rain").append("<input type='text' name='ddd' id='ddd' value='hello ,slowx..' ><br>");
});
});
</script>
<%=VersionHideInfo%>
</head>
<body>
<input type="button" name="head2" id="head2" value="appendTo" ><br>
<input type="button" name="head1" id="head1" value="appendTo" ><br>
<div name="ccc" id="ccc" >看这里的变化</div><br>
<!--这里我们必须知道一点：
就是 append和appendTo的区别：
append 单纯的内容
appendTo要把内容传给某个元素
-->
<div name="rain" id="rain" >看这里的变化</div><br>
</body>
</html>
上一条：
下一条：
相关评论
发表评论