* [ jQuery ](https://jquery.com/ "jQuery")
  * [ jQuery UI ](https://jqueryui.com/ "jQuery UI")
  * [ jQuery Mobile ](https://jquerymobile.com/ "jQuery Mobile")
  * [ Sizzle ](https://sizzlejs.com/ "Sizzle")
  * [ QUnit ](https://qunitjs.com/ "QUnit")

  * [ Plugins ](https://plugins.jquery.com/)
  * [ Contribute ](https://contribute.jquery.org/)
    * [ CLA ](https://cla.openjsf.org/)
    * [ Style Guides ](https://contribute.jquery.org/style-guide/)
    * [ Bug Triage ](https://contribute.jquery.org/triage/)
    * [ Code ](https://contribute.jquery.org/code/)
    * [ Documentation ](https://contribute.jquery.org/documentation/)
    * [ Web Sites ](https://contribute.jquery.org/web-sites/)
  * [ Events ](https://events.jquery.org/)
  * [ Support ](https://jquery.com/support/)
    * [ Learning Center ](https://learn.jquery.com/)
    * [ Chat ](https://jquery.com/support/)
    * [ Stack Overflow ](https://stackoverflow.com/tags/jquery/info)
    * [ Report a bug ](https://contribute.jquery.org/bug-reports/)
  * [ OpenJS Foundation ](https://openjsf.org/)
    * [ Join ](https://openjsf.org/about/join/)
    * [ Members ](https://openjsf.org/about/members/)
    * [ jQuery Team ](https://jquery.com/team)
    * [ Governance ](https://openjsf.org/about/governance/)
    * [ Conduct ](https://code-of-conduct.openjsf.org/)
    * [ Donate ](https://openjsf.org/about/project-funding-opportunities/)

##  [ jQuery API Documentation ](https://jquery.com/ "jQuery API
Documentation")

Navigation

  * [ Download ](https://jquery.com/download/)
  * [ API Documentation ](https://api.jquery.com/)
  * [ Blog ](https://blog.jquery.com/)
  * [ Plugins ](https://plugins.jquery.com/)
  * [ Browser Support ](https://jquery.com/browser-support/)

#  .add()

* * *

Categories:  [ Traversing ](https://api.jquery.com/category/traversing/) > [
Miscellaneous Traversing
](https://api.jquery.com/category/traversing/miscellaneous-traversal/)

##  .add( selector )  Returns: [ jQuery ](http://api.jquery.com/Types/#jQuery)

**Description:** Create a new jQuery object with elements added to the set of
matched elements.

  * ####  version added: [ 1.0 ](/category/version/1.0/) .add( selector ) 

    * **selector**

Type: [ Selector ](http://api.jquery.com/Types/#Selector)

A string representing a selector expression to find additional elements to add
to the set of matched elements.

  * ####  version added: [ 1.0 ](/category/version/1.0/) .add( elements ) 

    * **elements**

Type: [ Element ](http://api.jquery.com/Types/#Element)

One or more elements to add to the set of matched elements.

  * ####  version added: [ 1.0 ](/category/version/1.0/) .add( html ) 

    * **html**

Type: [ htmlString ](http://api.jquery.com/Types/#htmlString)

An HTML fragment to add to the set of matched elements.

  * ####  version added: [ 1.1 ](/category/version/1.1/) .add( selection ) 

    * **selection**

Type: [ jQuery ](http://api.jquery.com/Types/#jQuery)

An existing jQuery object to add to the set of matched elements.

  * ####  version added: [ 1.4 ](/category/version/1.4/) .add( selector, context ) 

    * **selector**

Type: [ Selector ](http://api.jquery.com/Types/#Selector)

A string representing a selector expression to find additional elements to add
to the set of matched elements.

    * **context**

Type: [ Element ](http://api.jquery.com/Types/#Element)

The point in the document at which the selector should begin matching; similar
to the context argument of the ` $(selector, context) ` method.

Given a jQuery object that represents a set of DOM elements, the ` .add() `
method constructs a new jQuery object from the union of those elements and the
ones passed into the method. The argument to ` .add() ` can be pretty much
anything that ` $() ` accepts, including a jQuery selector expression,
references to DOM elements, or an HTML snippet.

Do not assume that this method appends the elements to the existing collection
in the order they are passed to the ` .add() ` m