点击下载
本文文档

当前位置：首页 - 科技 - 知识百科 - 正文

jquery中append、prepend,before和after方法的区别

来源：懂视网责编：小采时间：2020-11-27 20:18:54

jquery中append、prepend,before和after方法的区别

jquery中append、prepend,before和after方法的区别:1. append()和prepend()假设 //<---you want p c to append in this b 使用$('.a').append($('.c'

推荐度：

点击下载本文 文档为doc格式

导读jquery中append、prepend,before和after方法的区别:1. append()和prepend()假设 //<---you want p c to append in this b 使用$('.a').append($('.c'

1. append()和prepend()

假设

<p class='a'> //<---you want p c to append in this
 <p class='b'>b</p>
</p>

使用

$('.a').append($('.c'));

效果如下：

<p class='a'> //<---you want p c to append in this
 <p class='b'>b</p>
 <p class='c'>c</p>
</p>

同样使用

$('.a').prepend($('.c'));

效果如下：

<p class='a'> //<---you want p c to append in this
 <p class='c'>c</p>
 <p class='b'>b</p>

</p>

2. 使用after()和Before.html" target="_blank">before()

同样使用假设代码：

$('.a').after($('.c'));

效果如下：

<p class='a'>
 <p class='b'>b</p></p><p class='c'>c</p>

同样使用before()

$('.a').before($('.c'));

效果如下：

<p class='c'>c</p><p class='a'>
 <p class='b'>b</p></p>

总结：

append() & prepend()是在元素内插入内容（该内容变成该元素的子元素或节点），after() & before()是在元素的外面插入内容（其内容变成元素的兄弟节点）。

1. append()和prepend()

假设

<p class='a'> //<---you want p c to append in this
 <p class='b'>b</p>
</p>

使用

$('.a').append($('.c'));

效果如下：

<p class='a'> //<---you want p c to append in this
 <p class='b'>b</p>
 <p class='c'>c</p>
</p>

同样使用

$('.a').prepend($('.c'));

效果如下：

<p class='a'> //<---you want p c to append in this
 <p class='c'>c</p>
 <p class='b'>b</p>

</p>

2. 使用after()和before()

同样使用假设代码：

$('.a').after($('.c'));

效果如下：

<p class='a'>
 <p class='b'>b</p></p><p class='c'>c</p>

同样使用before()

$('.a').before($('.c'));

效果如下：

<p class='c'>c</p><p class='a'>
 <p class='b'>b</p></p>

总结：

append() & prepend()是在元素内插入内容（该内容变成该元素的子元素或节点），after() & before()是在元素的外面插入内容（其内容变成元素的兄弟节点）。

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

jquery中append、prepend,before和after方法的区别

jquery中append、prepend,before和after方法的区别:1. append()和prepend()假设 //<---you want p c to append in this b 使用$('.a').append($('.c'

推荐度：

点击下载本文 文档为doc格式

标签：方法的区别 after

热门焦点

jquery中append、prepend,before和after方法的区别

jquery中append、prepend,before和after方法的区别

1. append()和prepend()

假设

2. 使用after()和Before.html" target="_blank">before()

总结：

append() & prepend()是在元素内插入内容（该内容变成该元素的子元素或节点），after() & before()是在元素的外面插入内容（其内容变成元素的兄弟节点）。

1. append()和prepend()

假设

2. 使用after()和before()

总结：

append() & prepend()是在元素内插入内容（该内容变成该元素的子元素或节点），after() & before()是在元素的外面插入内容（其内容变成元素的兄弟节点）。

jquery中append、prepend,before和after方法的区别

最新推荐

猜你喜欢

热门推荐