本文概述
- jQuery after()和insertAfter()之间的区别
- jQuery insertAfter()方法的参数
- 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 | 它也是必需参数。它指定插入内容的位置。 |
<
!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元素
这是一个教程网站。
这是一家培训机构。
推荐阅读
- jQuery keydown()
- jQuery innerWidth()
- jQuery html()
- jQuery hover()
- jQuery历史简介
- jQuery hide()
- jQuery height()
- jQuery hasClass()
- jQuery focus()