資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝學
法學使用 jQuery 建立一個包含一些文字的段落元素，並將其追加到文件正文的末尾。
本文的任務是建立一個包含一些文字的段落元素，並使用 jQuery 將其追加到文件正文的末尾。
使用 jQuery，可以輕鬆地在 HTML 文件的特定位置新增新的元素/內容。我們有四種方法可以用來新增新的內容
append() − 此方法將內容新增到所選元素的末尾。
prepend() − 此方法將內容新增到所選元素的開頭。
after() − 此方法將內容新增到所選元素之後。
before() − 此方法將內容新增到所選元素之前。
這裡，任務是將包含一些文字的段落元素新增到文件正文的末尾。因此，我們使用 append() 方法。
語法
以下是 jQuery append() 方法的語法：
$(selector).append("content");
“content”是必需引數。它指定要新增的內容（也可以包含 HTML 標籤）。
示例
在下面的示例中，我們建立一個包含一些文字的段落元素，並使用 jQuery append() 方法將其追加到文件正文的末尾：
<!DOCTYPE html>
<head>
<title>Append Text Example</title>
<!-- Import jQuery cdn library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("button").click(function () {
$("body").append("<p>The text is appended.</p>");
});
});
</script>
</head>
<body style="text-align: center;">
<h1 style="color: seagreen;">Welcome to Tutorialspoint</h1>
<p>Click the button below to append text at the end of this document.</p>
<button>Click Here!</button>
</body>
</html>
執行上述程式後，單擊按鈕即可將文字追加到文件正文的末尾。
更新於：2024年2月9日
52 次瀏覽
廣告