---
title: "Why are use the before and prepend method in JQuery? what is difference between the before and prepend method?"
description: "Why are use the before and prepend method in JQuery? what is difference between the before and prepend method?"
author: "Ethan Karla"
published: 2021-07-28
canonical: https://answers.mindstick.com/qa/93805/why-are-use-the-before-and-prepend-method-in-jquery-what-is-difference-between-the-before-and-prepend-method
category: "web application"
tags: ["web application development", "web development"]
reading_time: 1 minute
---
# Why are use the before and prepend method in JQuery? what is difference between the before and prepend method?
Why are use the before and prepend [method in JQuery](https://www.mindstick.com/forum/156670/has-method-in-jquery)? what is [difference](https://www.mindstick.com/blog/398/difference-between-object-type-and-var-type) between the before and prepend method?
## Answers
### Answer by Ravi Vishwakarma
The jQuery before [method](https://www.mindstick.com/articles/23411/the-most-effective-method-to-find-the-perfect-small-business-phone-system-for-your-business) is used to insert content into the HTML page before the selected elements. Appends the given content to a specific location in before ().\
Same happens in prepend () it also appends the given data but like this child node.The prepend () method is used to insert the content at the beginning of the selected elements (as the first child).
> The main difference between before() and prepare() is that before() adds the content first, but prepend() adds the content first treats like as a child.
```
Syntax
Before () syntax
$(selector).before(content)
$(selector).before(content,function(index))
Prepend () syntax
$(selector).prepend(content,function(index,html))
$(selector).prepend(content,function(index,html))
```
```