jQuery中的append()和appendTo()方法

jQuery中的append()和appendTo()方法的效果不是简单的“插入”元素到指定位置，实际上是“移动”元素到指定位置。

参考jQuery API中的例子，可以发现：

<span>I have nothing more to say... </span><div id="foo">FOO! </div><script>
$( "span" ).appendTo( "#foo" );
</script>

上面代码的效果是将元素span移动到foo中，或者说是删除了原来的span元素，在foo中插入了相同的元素。

所以如果想要实现的是复制并插入的效果，应该先用clone()方法复制出一个新元素，然后再插入，如下面的例子：

<span>I have nothing more to say... </span><div id="foo">FOO! </div><script>
$( "span" ).clone().appendTo( "#foo" );
</script>

jQuery中的append()和appendTo()方法相关推荐

jQuery中的append 和appendTo方法
append(content|fn) :向每个匹配元素内部的末尾处插入内容: <!DOCTYPE html> <html><head><meta charse ...
java appendto方法_jquery append与appendTo方法比较
jquery中append与appendTo方法区别 1. append(content)方法方法作用:向每个匹配的元素内部追加内容. 参数介绍:content (): 要追加到目标中的内容. 用法 ...
无法解析 list 中的方法 iterator_Python-list中的append()和extend()方法区别
一.append()和extend()方法都是用来添加数据到list末尾的,两者的区别: append()添加的时候会把添加的数据当成一个整体进行添加,允许添加任意类型的数据 extend()添加的时 ...
JQuery中操作Css样式的方法
JQuery中操作Css样式的方法 <strong>//1.获取和设置样式</strong> $("#tow").attr("class&q ...
流程代码中js报错，在javaScript或者jQuery中字符串比较没有equals()方法
问题: 流程走不下去. 原因: 在javaScript或者jQuery中字符串比较没有equals()方法,要比较两个字符串是否相等可以直接用==或者is()进行判断. //判断是否为未签约有风险等级 ...
jquery中prop()方法和attr()方法
接着上一篇笔记的疑惑,找了下prop()方法和attr()方法的区别.原来query1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值. 大 ...
js进阶 10-3 jquery中为什么用document.ready方法
js进阶 10-3 jquery中为什么用document.ready方法一.总结一句话总结: 1.document.ready和window.onload的区别:用哪个好? document. ...
html图片的隐藏与显示,Jquery中使用show()与hide()方法动画显示和隐藏图片
(1)功能描述在页面中单击"显示"连接,通过show()方法以动画的方式显示一幅图片,同时在方法中执行一个回调函数,用于改变图片的边框样式:单击已显示的图片时,通过hide()以 ...
ajax离开页面方法,jQuery中ajax调用当前页面方法
$.ajax({ type: 'POST', url: 'AddressManager.aspx/GetProvince',//AddressManager.aspx当前页面 data: '{cach ...

jQuery中的append()和appendTo()方法

jQuery中的append()和appendTo()方法相关推荐

最新文章

热门文章