jQuery Basic Tutorial

jQuery Effects

The add() method adds elements to the existing element group.

The add() method adds elements to the entire document, or if a specificcontextParam,It adds elements only within the context element.

$(selector).add(element,　contextParam)

Add <span> element to the existing element group <p> within:

Example

$("document").ready(function(){
　　$("p").add("span").css("background-color", "lightgreen");
});

Add <p> and <span> elements to the existing element group <h2> within:

Example

$("document").ready(function(){
　　$("h2").add("p").add("span").css("background-color", "lightgreen");
});

Add a <p> element to the existing <div> element:

Example

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

Parameter	Description
element	Specify a selector expression, a jQuery object, one or more elements separated by spaces to be added to the set of matched elements
contextParam	Optional) Specify the starting point for the selector expression to match in the document