如何使用 jQuery 在两秒内添加一个元素？

给定一个 HTML 元素，任务是在几秒钟后在 JQuery 的帮助下使用淡入效果在文档中附加一个元素。

方法：

• 选择目标元素以追加元素。
• 使用appendTo()或append() 方法之一来附加元素。

示例 1：在此示例中，使用 append() 方法将

元素附加到 元素。

 
 
  
 
     
        How to append an element in
        two seconds using jQuery ?
    
      
    
        #div {
            background: green;
            height: 100px;
            width: 200px;
            margin: 0 auto;
            color: white;
            display: none;
        }
    
      
    
    
 
  
 
      
     
        GeeksForGeeks 
    
      
    
    
      
    Div Element.
      
    
        click here
    
      
    
    
      
    
        $('#GFG_UP').text("Click on button to fade in element.");
          
        function GFG_Fun() {
            $('#div').append("body").fadeIn(2000);
            $('#GFG_DOWN').text("Div fades in after 2 second."); 
        }
     
 
  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：在此示例中，使用 appendTo() 方法将

元素附加到

元素。

 
 
  
 
     
        How to append an element in
        two seconds using jQuery ?
    
      
    
        #div {
            background: green;
            height: 100px;
            width: 200px;
            margin: 0 auto;
            color: white;
            display: none;
        }
    
      
    
    
 
  
 
      
     
        GeeksForGeeks 
    
      
    
    
      
    Div Element.
      
    
        click here
    
      
    
    
      
    
        $('#GFG_UP').text("Click on button to fade in element.");
      
        function GFG_Fun() {
            $('#div').appendTo("p").fadeIn(2000);
            $('#GFG_DOWN').text("Div fades in after 2 second."); 
        }
     
 
  

输出：

• 在点击按钮之前：
  
• 点击按钮后：