jQuery | appendTo() 与示例

appendTo()是 jQuery 中的一个内置方法，用于在所选元素的末尾插入 HTML 元素。
句法：

$(content).appendTo(selector)

这里元素内容指定要插入的内容。
参数：它接受一个参数“选择器”，该参数指定将附加内容的元素。
返回值：它返回修改后的选定元素。

jQuery 代码显示此方法的工作：
代码#1：
在下面的代码中，带有元素“span”的id 内容将附加到 id “#hel”元素。

   
      
      
         #hel {
         background: lightgreen;
         display: block;
         border: 2px solid green;
         padding: 10px;
         width: 300px;
         }
      
      
      
   
   
      geeks Writer !!!
      Hello-  
      
         $("span").appendTo("#hel");
      
   

输出：

代码#2：
在下面的代码中，我们使用这种方法直接附加一个“p”元素。

   
      
      
         body{
         display: block;
         width: 250px;
         height: 100px;
         border: 2px solid green;
         padding: 10px;
         }
      
      
      
   
   
      Greetings from gfg !
      
         
            Hello
         
      
      
         $( "<p>Everyone !!!</p>").appendTo( ".inner" );
      
   

输出：