jQuery insertAfter()

本文概述

  • jQuery after()和insertAfter()之间的区别
  • jQuery insertAfter()方法的参数
  • jQuery insertAfter()方法示例
jQuery after()和jQuery insertAfter()这两种方法都用于执行相同的任务, 即在所选元素之后插入其他内容。
jQuery after()和insertAfter()之间的区别【jQuery 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 srcmini.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>

立即测试
输出:
在每个p元素之后插入span元素
这是一个教程网站。
这是一家培训机构。

    推荐阅读