jQuery的append,clone,replaceWith的用法
<body> <p>This is a test</p> <span>喜欢写代码</span> </body>
1、append和prepend
相同点:都可以在本标签内进行html内容的插入
不同点:append把html的内容插到本标签的尾部,而prepend则把内容插入到本标签的头部
JS代码:
<script type="text/javascript"> $(document).ready(function(){ $('span').append('<div>插入到span标签的尾部</div>'); $('span').prepend('<div>喜欢旅游,插入到span标签的头部</div>'); }) </script>
结果:append :<p>This is a test</p> <span>喜欢写代码
<div>append插入到span标签的尾部</div>
</span>
prepend : :<p>This is a test</p> <span>
<div>prepend喜欢旅游,插入到span标签的头部</div>
喜欢写代码
</span>
2、appendTo和prependTo
相同点:把所有匹配的元素追加到另一个指定的元素集合中。
不同点:appendTo加到是结尾,prependTo加到开头
相关推荐
Roka 2020-06-28
xhpscdx 2020-05-17
chaigang 2020-02-25
歆萌 2020-02-02
chunianyo 2019-12-21
疯狂紫萧 2019-12-14
PHP淮北PHP00网 2013-09-17
QCkiss 2019-11-04
歆萌 2019-11-03
Kwong 2019-10-22
宇智波鼬 2018-08-30
zhrookie 2011-11-18
81423067 2015-06-02
wewoor 2015-12-27
lizaochengwen 2019-03-19
stSahana 2016-11-01