如何使用jQuery替换div的innerHTML？

为了用 jquery 替换 div 的 innerHTML，使用了html()函数。

句法：

$(selector).html()

例子：

  

    
    
      changing-innerhtml-using-jquery
  
    
    
        body {
            margin-top: 5%;
        }
          
        div {
            text-align: center;
        }
    
    
  

  

  
    
        Geeksforgeeks
        
          This is the content inside the div before changing
      
    
    
        
          Click here for changing innerHTML
      
    
  


    $(document).ready(function() {
        $('.btn').click(function() {
            $("div.div_1").html(
              "<h1><span style='color: green;'>GeeksforGeeks"+
              "</span><br>This is the content inside the div"+
              " after changing innerHTML</h1>");
        })
  
    })

  

加载网页后，单击 div 内的按钮内容将被html()函数内给出的内容替换。
输出：

点击按钮前：

点击按钮后：