品易云推流 关闭
文章详情页
文章 > JavaScript > jquery中prepend()和prependTo()方法有什么区别

jquery中prepend()和prependTo()方法有什么区别

js jQuery

头像

宋雪维

2021-03-23 11:46:203235浏览 · 0收藏 · 0评论

jquery中append()与prepend()方法相反,prepend()方法是在匹配元素的头部插入指定的内容。而prepend()方法与prependTo()方法功能是相同的,只不过被插入的内容和匹配元素的位置不同,本文向大家介绍jquery中prepend()和prependTo()方法直接的区别。

1、prepend()方法

向每个匹配的元素内部前置内容,用于向匹配元素的头部插入指定的内容

使用格式

$(目标元素).prepend(内容)

在…首段的内部插入内容

使用实例

$("#rood").prepend('<span style="color:Red;">插入的新内容!!!!</span>');	
	})

2、prependTo()方法

把所有匹配的元素前置到另一个指定的元素集合中,用于将匹配元素插入指定元素的头部

使用格式

$(内容).prependTo(目标元素)

把内容插入到…内部的首端

使用实例

$('<span style="color:Red;">插入的新内容!!!!</span>').prependTo("#rood");

以上就是jquery中prepend()和prependTo()方法之间的区别,其实区别就是插入的内容和目标的位置不同,很好记吧~更多JavaScript学习推荐:JavaScript教程

推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图