首页 > 文章列表 > jquery中prepend()和prependTo()方法有什么区别

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

js jquery
372 2022-08-06

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");

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