---|---  
  
####  Demo:

Adds more elements, created on the fly, to the set of matched elements.

1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  | 
    
    
    <!doctype html><html lang="en"><head>  <meta charset="utf-8">  <title>add demo</title>  <script src="https://code.jquery.com/jquery-3.7.0.js"></script></head><body> <p>Hello</p> <script>$( "p" ).clone().add( "<span>Again</span>" ).appendTo( document.body );</script> </body></html>  
  
---|---  
  
####  Demo:

Adds one or more Elements to the set of matched elements.

1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  18  | 
    
    
    <!doctype html><html lang="en"><head>  <meta charset="utf-8">  <title>add demo</title>  <script src="https://code.jquery.com/jquery-3.7.0.js"></script></head><body> <p>Hello</p><span id="a">Hello Again</span> <script>$( "p" ).add( document.getElementById( "a" ) ).css( "background", "yellow" );</script> </body></html>  
  
---|---  
  
####  Demo:

Demonstrates how to add (or push) elements to an existing collection

1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  18  19  20  21  | 
    
    
    <!doctype html><html lang="en"><head>  <meta charset="utf-8">  <title>add demo</title>  <script src="https://code.jquery.com/jquery-3.7.0.js"></script></head><body> <p>Hello</p><span id="a">Hello Again</span> <script>var collection = $( "p" );// Capture the new collectioncollection = collection.add( document.getElementById( "a" ) );collection.css( "background", "yellow" );</script> </body></html>  
  
---|---  
  
####  Demo:

  * [ Ajax ](https://api.jquery.com/category/ajax/)
    * [ Global Ajax Event Handlers ](https://api.jquery.com/category/ajax/global-ajax-event-handlers/)
    * [ Helper Functions ](https://api.jquery.com/category/ajax/helper-functions/)
    * [ Low-Level Interface ](https://api.jquery.com/category/ajax/low-level-interface/)
    * [ Shorthand Methods ](https://api.jquery.com/category/ajax/shorthand-methods/)
  * [ Attributes ](https://api.jquery.com/category/attributes/)
  * [ Callbacks Object ](https://api.jquery.com/category/callbacks-object/)
  * [ Core ](https://api.jquery.com/category/core/)
  * [ CSS ](https://api.jquery.com/category/css/)
  * [ Data ](https://api.jquery.com/category/data/)
  * [ Deferred Object ](https://api.jquery.com/category/deferred-object/)
  * [ Deprecated ](https://api.jquery.com/category/deprecated/)
    * [ Deprecated 1.3 ](https://api.jquery.com/category/deprecated/deprecated-1.3/)
    * [ Deprecated 1.7 ](https://api.jquery.com/category/deprecated/deprecated-1.7/)
    * [ Deprecated 1.8 ](https://api.jquery.com/category/deprecated/deprecated-1.8/)
    * [ Deprecated 1.9 ](https://api.jquery.com/category/deprecated/deprecated-1.9/)
    * [ Deprecated 1.10 ](https://api.jquery.com/category/deprecated/deprecated-1.10-and-2.0/)
    * [ Deprecated 3.0 ](https://api.jquery.com/category/deprecated/deprecated-3.0/)
    * [ Deprecated 3.2 ](https://api.jquery.com/category/deprecated/deprecated-3.2/)
    * [ Deprecated 3.3 ](https://api.jquery.com/category/deprecated/deprecated-3.3/)
    * [ Deprecated 3.4 ](https://api.jquery.com/category/deprecated/deprecated-3.4/)
    * [ Deprecated 3.5 ](https://api.jquery.com/category/deprecated/deprecated-3.5/)
  * [ Dimensions ](https://api.jquery.com/category/dimensions/)
  * [ Effects ](https://api.jquery.com/category/effects/)
    * [ Basics ](https://api.jquery.com/category/effects/basics/)
    * [ Custom ](https://api.jquery.com/category/effects/custom-effects/)
    * [ Fading ](https://api.jquery.com/category/effects/fading/)
    * [ Sliding ](https://api.jquery.com/category/effects/sliding/)
  * [ Events ](https://api.jquery.com/category/events/)
    * [ Browser Events ](https://api.jquery.com/category/events/browser-events/)
    * [ Document Loading ](https://api.jquery.com/category/events/document-loading/)
    * [ Event Handler Attachment ](https://api.jquery.com/category/events/event-handler-attachment/)
    * [