jQuery | insertAfter() 与示例

insertAfter()是 jQuery 中的一个内置方法，用于在指定元素之后插入一些 HTML 内容。 HTML 内容将在每次出现指定元素后插入。
句法：

$(content).insertAfter(target)

这里的“内容”是要插入到指定目标之后的 HTML 内容。
参数：它需要一个参数“target”，它是要插入内容的目标。
返回值：它不返回任何值。

显示 insertAfter() 方法工作的 jQuery 代码：
代码#1：

  

    
    
    
        $(document).ready(function() {
            $("div").click(function() {
                // insertAfter
                $("<p>You should follow GeeksForGeeks</p>").insertAfter("p");
            });
        });
    

  

  
    To learn jQuery : 
  
    Click here to complete
  

  

输出：
在点击 div 内容之前 -

To learn jQuery :
Click here to complete

点击div内容后——

To learn jQuery :
You should follow GeeksForGeeks
Click here to complete

代码#2：

  

    
    
    
        $(document).ready(function() {
            $("div").click(function() {
                // insertAfter
                $("<p>You should follow GeeksForGeeks</p>").insertAfter("p");
            });
        });
    

  

  
    To learn jQuery : 
  
     To learn coding : 
  
    Click here to complete
  

  

输出：
在点击 div 内容之前 -

To learn jQuery :
To learn coding :
Click here to complete

点击div内容后——

To learn jQuery :
You should follow GeeksForGeeks
To learn coding :
You should follow GeeksForGeeks
Click here to complete

jQuery 是一个开源 JavaScript 库，它简化了 HTML/CSS 文档之间的交互，它以其“少写，多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。