jQuery insertAfter()方法

jQuery的after()和insertAfter()方法都是用来在选定元素之后插入额外内容的。

jQuery after()和insertAfter()之间的区别

after()和insertAfter的主要区别在于语法和内容以及目标的位置。

在after()方法中，目标是选定的元素，而内容作为方法的一个参数放置。

$(target).after(contentToBeInserted)

在insertAfter()方法中，content是被选择的元素，target作为方法的参数进行放置。

$(contentToBeInserted).insertAfter(target)

注意：如果要在选定元素之前插入HTML元素，应该使用insertBefore()方法。

语法：

$(content).insertAfter(selector)

jQuery insertAfter()方法的参数

参数	描述
content	这是必需参数。它指定您想要插入的内容。
selector	这也是必需参数。它指定您插入内容的位置。>

jQuery insertAfter()方法示例

让我们看一下jQuery insertAfter()方法的示例。

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
 $(document).ready(function(){$ ("button").click(function(){
        $("<span><b>Hello javatpoint.com</b></span>").insertAfter("p");
    });
});
</script>
</head>
<body>
<button>Insert span element after each p element</button>
<p>This is a tutorial website.</p>
<p>This is a training institute.</p>
</body>
</html>