码迷,mamicode.com
首页 > 移动开发 > 详细

append appendChild appendTo区别

时间:2015-01-15 12:31:08      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:

1.append和appendChild的区别

append是jquery文档操作用法

① append() 方法在被选元素的结尾(仍然在内部)插入指定内容。

$(selector).append(content)
1 $("button").click(function(){
2   $("p").append(" <b>Hello world!</b>");
3 });

②使用函数在指定元素的结尾插入内容。

$(selector).append(function(index,html))
1 $(document).ready(function(){
2   $("button").click(function(){
3     $("p").append(function(n){
4       return "<b>This p element has index " + n + "</b>";
5     });
6   });
7 });

appendChild

appendChild() 方法在指定元素节点的最后一个子节点之后添加节点。

该方法返回新的子节点。

appendChild(node)
1   <div id="div1">回首向来萧瑟处,归去,也无风雨也无晴</div>
2     <script type="text/javascript">
3       var op=document.createElement(p);
4       var odiv=document.getElementById(div1);
5       op.innerHTML="是的啊";
6       odiv.appendChild(op);
7     </script>

返回结果是

<div id="div1">
回首向来萧瑟处,归去,也无风雨也无晴
<p>是的啊</p>
</div>
返回了p节点
2.append和appendTo
appendTo
appendTo() 方法在被选元素的结尾(仍然在内部)插入指定内容。
$(content).appendTo(selector)
$("button").click(function(){
  $("<b>Hello World!</b>").appendTo("p");
});

append 和appendTo都是jquery的用法,所以append或appendTo前的元素一定是jquery对象。

$("p").append("<a>111</a>")等价于$("<a>111</a>").appendTo($("p");

append appendChild appendTo区别

标签:

原文地址:http://www.cnblogs.com/MissBean/p/4225776.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!