Description

The .html() method sets or returns the content (innerHTML) of the selected elements.

---

Return Element Content

When this method is used to return a value, it returns the content of the FIRST matched element.

This method has the form:

.html()

Return Value

This form returns a String object.

---

Set Element Content

When this method is used to set a value, it overwrites the content of ALL matched elements.

This method has the alternate form:

.html(content)

Parameter	Description
content	Specifies the new content for the selected elements (can contain HTML tags)

Return Value

This form returns a jQuery object.

---

Set Element Content Using a Function

Using a function to set the content of all selected elements.

This method has the alternate form:

.html(function(index,oldcontent))

Parameter	Description
function(index, oldcontent)	Specifies a function that returns the new content for the selected elements. index - (optional) Receives the index position of the selector oldcontent - (optional) Receives the current content of the selector

Return Value

This form returns a jQuery object.

Examples

Set the content of all p elements:

$("button").click(function(){
  $("p").html("jQuery);
});