jquery中append和appendto的区别
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery中append和appendto的区别相关的知识,希望对你有一定的参考价值。
append:向每个匹配的元素内部追加内容。如:<p>I would like to say: </p>
$("p").append("<b>Hello</b>");
结果:<p>I would like to say: <b>Hello</b></p>,
ps: 就是向 匹配的元素 P 标签内部内容的末尾追加内容 "<b>Hello</b>"
appendTo:把所有匹配的元素追加到另一个指定的元素元素集合中。
如:<p>I would like to say: </p>
<div></div><div></div>
$("p").appendTo("div");
结果:
<div><p>I would like to say: </p></div>
<div><p>I would like to say: </p></div>
ps: 就是把 匹配的元素 P 标签(内容) 追加到 所有的 DIV 中
参考技术A 相当于给和拿的意思。append是拿,拿别的东西过来加到自身。appendto是给,把自己加到别的东西那。
append和appendTo的区别!
今天在写dome的时候,碰到了一小点问题,就是我们想把一个小效果用jquery的办法添加到HTML页面中。我用的办法就是先在HTML中把代码写完,js和css同样写好并调试完成后。然后只保存外面最大的盒子,保证jq能找到代码的插入位置。然后把代码复制到js文件中,采用字符串拼接的方式,请看下面的代码:
1 var str=‘<div class="cen1">1</div>‘+ 2 ‘<div class="cen2">2</div>‘+ 3 ‘<div class="cen3">3</div>‘+ 4 ‘<div class="cen4">4</div>‘+ 5 ‘<div class="cen5">5</div>‘;
这里就拼接好了一个str。然后我就把str插入到了HTMl中,用的是这条语句:
1 $(‘#box‘).append(str);//ID名为box的是个大盒子
这样就完成了。但是写完后突然想到了append的兄弟,appendTo。我就手贱的写成了这样:
1 str.appendTo($(‘#box‘));
结果浏览器就开始报错了:
Uncaught TypeError: str.appendTo is not a function
at 2.html:34
怎么报错了呢,在我的印象中appenTo和append不就是位置不同吗,没什么区别啊。但是仔细的看了一下报错,突然明白了。str只是个字符串变量,一个普通的变量怎么能用“.”方法呢,这肯定是不对的。所以这里也就只能用append了。所以在这里给自己提个醒,也请大家注意!
以上是关于jquery中append和appendto的区别的主要内容,如果未能解决你的问题,请参考以下文章
JQuery之append和appendTo的区别,还有js中的appendChild用法
JQuery之append和appendTo的区别,还有js中的appendChild用法
jquery中append()与appendto()用法分析
jquery after append appendTo三个函数的区别
jQuery中append appendTo prepend prependTo insertBefore insertAfter after before之间的区别