Jquery append () 요약 (1)

/**
 *               。
 *               appendChild   ，              。
 *
 * @content(String, Element, jQuery)           
 * @return Object
 * @owner jQuery Object
 */
function append(content);

//   ：          HTML  。
<p>I would like to say: </p>

$("p").append("<b>Hello</b>") -> [ <p>I would like to say: <b>Hello</b></p> ]

/**
 *               、          。
 *    ，              $(A).append(B)    ，     B     A  ，    A 
 *     B  。
 *
 * @content(String)         
 * @return Object
 * @owner jQuery Object
 */
function appendTo(content);

//   ：         ID    "foo"     。
<p>I would like to say: </p>
<div id="foo"></div>

$("p").appendTo("#foo") -> <div id="foo"><p>I would like to say: </p></div>

/**
 *               。                        。
 *
 * @content(String, Element, jQuery)                
 * @return Object
 * @owner jQuery Object
 */
function prepend(content);

//    ：           HTML     。
<p>I would like to say: </p>

$("p").prepend("<b>Hello</b>") -> [ <p><b>Hello</b>I would like to say: </p> ]

//    ：    DOM          
<p>I would like to say: </p>
<p>I would like to say: </p>
<b class="foo">Hello</b>
<b class="foo">Good Bye</b>

$("p").prepend( $(".foo")[0] ) -> 
    <p><b class="foo">Hello</b>I would like to say: </p>
    <p><b class="foo">Hello</b>I would like to say: </p>
    <b class="foo">Hello</b>
    <b class="foo">Good Bye</b> 
    
//    ：           jQuery   (      DOM     )。
<p>I would like to say: </p><b>Hello</b>

$("p").prepend( $("b") ) -> <p><b>Hello</b>I would like to say: </p>

/**
 *               、          。
 *    ，              $(A).prepend(B)    ，     B     A  ，    
 * A     B  。
 *
 * @content(String)         jQuery    
 * @return Object
 * @owner jQuery Object
 */
function prependTo(content);

//    ：         ID    foo     。
<p>I would like to say: </p>
<div id="foo"></div>

$("p").prependTo("#foo") -> <div id="foo"><p>I would like to say: </p></div>

/**
 *               。
 *
 * @content(String, Element, jQuery)            
 * @return Object
 * @owner jQuery Object
 */
function after(content);

//    ：            HTML     。
<p>I would like to say: </p>

$("p").after("<b>Hello</b>") -> <p>I would like to say: </p><b>Hello</b>

//    ：            DOM   。
<b id="foo">Hello</b><p>I would like to say: </p>

$("p").after( $("#foo")[0] ) -> <p>I would like to say: </p><b id="foo">Hello</b>

//    ：            jQuery   (     DOM    )。
<b>Hello</b><p>I would like to say: </p>

$("p").after( $("b") ) -> <p>I would like to say: </p><b>Hello</b>

/**
 *               。
 *
 * @content(String, Element, jQuery)            
 * @return Object
 * @owner jQuery Object
 */
function before(content);

//    ：            HTML     。
<p>I would like to say: </p>

$("p").before("<b>Hello</b>") -> [ <b>Hello</b><p>I would like to say: </p> ]

//    ：             。
<p>I would like to say: </p>
<b id="foo">Hello</b>

$("p").before( $("#foo")[0] ) -> <b id="foo">Hello</b><p>I would like to say: </p>

//    ：            jQuery   (     DOM    )。
<p>I would like to say: </p><b>Hello</b>

$("p").before( $("b") ) -> <b>Hello</b><p>I would like to say: </p>

/**
 *               ，            。
 *    ，              $(A).after(B)    ，     B     A   ，    A 
 *     B   。
 *
 * @content(String)         jQuery    
 * @return Object
 * @owner jQuery Object
 */
function insertAfter(content);

//    ：              。  $("#foo").after("p")   。
<p>I would like to say: </p>
<div id="foo">Hello</div>

$("p").insertAfter("#foo") -> <div id="foo">Hello</div><p>I would like to say: </p>

/**
 *               、            。
 *    ，              $(A).before(B)    ，     B     A   ，    A 
 *     B   。
 *
 * @content(String)         jQuery    
 * @return Object
 * @owner jQuery Object
 */
function insertBefore(content);

//   ：              。  $("#foo").before("p")   。
<div id="foo">Hello</div>
<p>I would like to say: </p>

$("p").insertBefore("#foo") -> <p>I would like to say: </p><div id="foo">Hello</div>

●  wrap(elem)    
/**
 *                        。
 *
 * @elem(Element)           DOM   
 * @return Object
 * @owner jQuery Object
 */
function wrap(elem);

//   ：  ID   "content"   div           。
<p>Test Paragraph.</p>
<div id="content"></div>

$("p").wrap(document.getElementById('content')) -> 
    <div id="content"><p>Test Paragraph.</p></div><div id="content"></div>
      ●  wrapAll(elem)     
/**
 *                  。   wrap(elem)     ，wrap(elem)           
 *     。
 *
 * @elem(Element)           DOM   
 * @return Object
 * @owner jQuery Object
 */
function wrapAll(elem);

//   ：       div          。
<p>Hello</p>
<p>cruel</p>
<p>World</p>

$("p").wrapAll(document.createElement("div")) -> <div><p>Hello</p><p>cruel</p><p>World</p></div>
      ●  wrapInner(elem)     
/**
 *              (      )  DOM       。
 *
 * @elem(Element)           DOM   
 * @return Object
 * @owner jQuery Object
 */
function wrapInner(elem);

//   ：              。
<p>Hello</p>
<p>cruel</p>
<p>World</p>

$("p").wrapInner(document.createElement("b")) -> 
    <p><b>Hello</b></p><p><b>cruel</b></p><p><b>World</b></p> 
      ●  wrap(html)     
/**
 *                        。
 *                        ，                。
 * 
 *               html(        HTML          )，         
 *            －             。
 * 
 *   HTML                      。  ，                    。
 *
 * @html(String) HTML        ，               
 * @return Object
 * @owner jQuery Object
 */
function wrap(html);

//   ：              div     。
<p>Test Paragraph.</p>

$("p").wrap("<div class='wrap'></div>") -> <div class="wrap"><p>Test Paragraph.</p></div>
      ●  wrapAll(html)     
/**
 *                  。   wrap(html)    ，wrap(html)           
 *     。
 *
 *                        ，                。
 *
 *                                       －        
 *      。
 *
 * @html(String) HTML        ，               
 * @return Object
 * @owner jQuery Object
 */
function wrapAll(html);

//   ：       div          。
<p>Hello</p>
<p>cruel</p>
<p>World</p>

$("p").wrapAll("<div></div>") -> <div><p>Hello</p><p>cruel</p><p>World</p></div>
      ●  wrapInner(html)     
/**
 *              (      )    HTML       。
 *
 *                   (        HTML          )，         
 *            -             。
 *
 * @html(String) HTML        ，               
 * @return Object
 * @owner jQuery Object
 */
function wrapInner(html);

//   ：              。
<p>Hello</p>
<p>cruel</p>
<p>World</p>

$("p").wrapInner("<b></b>") -> <p><b>Hello</b></p><p><b>cruel</b></p><p><b>World</b></p>
      ●  replaceAll(selector)     
/**
 *             selector       。
 *
 * @selector(Selector)             
 * @return Object
 * @owner jQuery Object
 */
function replaceAll(selector);

//   ：               。
<p>Hello</p>
<p>cruel</p>
<p>World</p>

$("<b>Paragraph. </b>").replaceAll("p") -> 
    <b>Paragraph. </b><b>Paragraph. </b><b>Paragraph. </b>
      ●  replaceWith(content)     
/**
 *                HTML   DOM   。
 *
 * @content(String, Element, jQuery)              
 * @return Object
 * @owner jQuery Object
 */
function replaceWith(content);

//   ：                。
<p>Hello</p>
<p>cruel</p>
<p>World</p>

$("p").replaceWith("<b>Paragraph. </b>") -> 
    <b>Paragraph. </b><b>Paragraph. </b><b>Paragraph. </b>
      ●  empty()     
/**
 *                 。
 *
 * @return Object
 * @owner jQuery Object
 */
function empty();

//   ：         (      )  。
<p>Hello, <span>Person</span> <a href="#">and person</a></p>

$("p").empty() -> <p></p>
      ●  remove([expr])     
/**
 *   DOM           。              jQuery      ，          
 *        。
 *
 * @expr(String) (  )         jQuery    
 * @return Object
 * @owner jQuery Object
 */
function remove([expr]);

//    ：  DOM         。
<p>Hello</p> how are <p>you?</p>

$("p").remove() -> how are

//    ：  DOM      hello       。
<p class="hello">Hello</p> how are <p>you?</p>
$("p").remove(".hello") -> how are <p>you?</p>
      ●  clone()     
/**
 *       DOM              。
 *     DOM                         。
 *
 * @return Object
 * @owner jQuery Object
 */
function clone();

//   ：     b   (          )，             。
<b>Hello</b><p>, how are you?</p>

$("b").clone().prependTo("p") -> <b>Hello</b><p><b>Hello</b>, how are you?</p>
      ●  clone(true)     
/**
 *                        。
 *     DOM                         。
 *
 * @true(Boolean)     true              
 * @return Object
 * @owner jQuery Object
 */
function clone(true);

//   ：      ，       ，            。
<button>Clone Me!</button>

$("button").click(function() {
  $(this).clone(true).insertAfter(this);
});