时间:2021-07-01 10:21:17 帮助过:19人阅读
<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>
同样使用假设代码:
$('.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>
<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>
同样使用假设代码:
$('.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>
以上就是jquery中append、prepend, before和after方法的区别的详细内容,更多请关注Gxl网其它相关文章!