溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
insertAfter()是jQuery的一個內置的方法，用來在一個指定的元素之后插入一些HTML內容。下面本篇文章就來給大家介紹一下insertAfter()的用法，希望對大家有所幫助。
jQuery的insertAfter()方法
insertAfter()方法會在每次出現指定元素后插入HTML內容。【視頻教程推薦：jQuery教程】
基本句式：
$(content).insertAfter(target)
content：表示需要插入的HTML內容。
target：表示在插入內容前需要查找到的指定目標。
注：insertAfter()方法不返回任何值。
insertAfter()方法的使用示例
下面我們來看具體示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="jquery.min.js"></script>
<script>
$(document).ready(function() {
$(".demo").click(function() {
// insertBefore
$("<div style='color: red;'>在億速云中學習！</div>").insertAfter("p");
});
});
</script>
</head>
<body>
<div class="box">
<p>學習jQuery</p>
<p>學習php</p>
<div class="demo">單擊此處</div>
</div>
</body>
</html>效果圖：
以上就是本篇文章的全部內容，希望能對大家的學習有所幫助。更多精彩內容大家可以關注億速云相關教程欄目！！！
以上就是jQuery的insertAfter()方法怎么用的詳細內容，更多請關注億速云其它相關文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
