jQuery |创建一个div元素

可以通过以下步骤使用 jQuery 创建

元素：

脚步：

• 创建一个新的
  元素。
• 选择一个父元素，将这个新创建的元素放在哪里。
• 将创建的 div 元素放入父元素。

示例 1：此示例创建一个

元素并使用append()方法将元素附加到父元素的末尾。

  
  
  
 
     
        Create div element using jQuery
    
      
    
    
      
    
        #parent {
            height: 100px;
            width: 300px;
            background: green;
            margin: 0 auto;
        }
        #newElement {
            height: 40px;
            width: 100px;
            margin: 0 auto;
            color: white
        }
    
 
          
  
      
      
        GeeksForGeeks  
      
      
    
          
    
      
     
        insert
     
      
    
     
        function insert() {
            $("#parent").append('<div id = "newElement">A '
                + 'Computer Science portal for geeks</div>');
        }
     
  
  

输出：

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

示例 2：此示例创建一个

元素并使用prependTo()方法将该元素附加到父元素的开头。

  
  
  
 
     
        Create div element using jQuery
    
      
    
    
      
    
        #parent {
            height: 100px;
            width: 300px;
            background: green;
            margin: 0 auto;
        }
        #newElement {
            height: 40px;
            width: 100px;
            margin: 0 auto;
            color: white
        }
    
 
          
  
      
      
        GeeksForGeeks  
      
      
    
      
    
      
     
        insert
     
              
     
        function insert() {
         $('<div id = "newElement">A Computer Science portal'
            + ' for geeks</div>').prependTo($('#parent'));         
        } 
     
  
  

输出：

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