jQuery Basic Tutorial

jQuery Effects

the before() method to insert specified content before the selected element.

To insert content after the selected element, please useafter()Method.

Inserting content:

$("selector").before(content)

Inserting content using a function:

$("selector").before(function(index))

Inserting content before each paragraph:

Example

$("button").click(function(){
　　$("p").before("<p>Hello world</p>");
});

Inserting content using a function:

Example

$("button").click(function(){
　　$("p").before(function(i){
　　　　return "<p>This p's index: "　+　i　+　".</p>";
　　});
});

Parameter	Description
content	Specify the content to be inserted before each selected element (can include HTML tags) Possible values: HTML Element DOM Element jQuery Object
function(index)	Specify a function that returns the content to be inserted index-Return the index position of the element in the collection