after()是jQuery中的內置函數,用於插入內容,該內容由參數為匹配元素集中的每個選定元素指定。
用法:
$(selector).after(A);
參數:它接受參數“A”,該參數可以是傳遞給方法的內容或函數。
返回值:它返回帶有修改的所選元素。
代碼1:
在下麵的代碼中,Element傳遞給將在所選元素之後添加的方法。
<html>
<head>
<meta charset="utf-8">
<style>
p {
background: lightgreen;
display: block;
width: 150px;
padding: 10px;
border: 2px solid green;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js">
</script>
</head>
<body>
<p>I would like to say: </p>
<script>
$("p").after("<b><h2>Hello Geeks</h2></b>");
</script>
</body>
</html>
輸出:
代碼2:
在下麵的代碼中,將函數傳遞給將在所選元素之後起作用的方法。
<html>
<head>
<meta charset="utf-8">
<style>
p {
background: lightgreen;
width: 250px;
padding: 10px;
border: 2px solid green;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js">
</script>
</head>
<body>
<p>This is first paragraph !!!</p>
<p>This is the second paragraph !!! </p>
<script>
$("p").after(function() {
return "<div>" + "GeeksforGeeks" + "</div>";
});
</script>
</body>
</html>
輸出:
相關用法
- JQuery last()用法及代碼示例
- JQuery first()用法及代碼示例
- JQuery has()用法及代碼示例
- JQuery val()用法及代碼示例
- JQuery on()用法及代碼示例
- JQuery one()用法及代碼示例
- JQuery eq()用法及代碼示例
- JQuery slideUp()用法及代碼示例
- JQuery serializeArray()用法及代碼示例
- JQuery size()用法及代碼示例
- JQuery mousemove()用法及代碼示例
- JQuery prop()用法及代碼示例
- JQuery slice()用法及代碼示例
- JQuery removeAttr()用法及代碼示例
- JQuery scrollTop()用法及代碼示例
注:本文由純淨天空篩選整理自kundankumarjha大神的英文原創作品 jQuery | after() with Examples。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。