jquery如何在body中增加元素

發(fā)布時間：2022-04-24 14:06:47 來源：億速云閱讀：557 作者：iii 欄目：web開發(fā)

這篇文章主要介紹了jquery如何在body中增加元素的相關(guān)知識，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇jquery如何在body中增加元素文章都會有所收獲，下面我們一起來看看吧。

增加元素的方法：1、用append()，語法“$("body").append(新元素)”，可向body內(nèi)部的末尾處增加元素；2、用prepend()，語法“$("body").prepend(新元素)”，可向body內(nèi)部的開始處增加元素。

jquery如何在body中增加元素

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。

在body中增加元素，就是向body內(nèi)部添加子元素。下面本篇文章給大家介紹兩種使用jquery向body內(nèi)部添加子元素的方法。

方法1：使用append()

使用 prepend( ) 方法向body元素內(nèi)部的“開始處”插入內(nèi)容（元素或者文本）

語法：

$("body").append(新元素)

示例：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					var newp = "<p>一個新段落</p>";
					$("body").append(newp);
				})
			})
		</script>
	</head>
	<body style="background-color: #FF0000;">
		<button>（body元素）在body中增加元素</button>
	</body>
</html>

jquery如何在body中增加元素

方法2：使用prepend()

使用 prepend( ) 方法向所選元素內(nèi)部的“開始處”插入內(nèi)容。

語法：

$("body").prepend(新元素)

示例：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					var newp = "<p>一個新段落</p>";
					$("body").prepend(newp);
				})
			})
		</script>
	</head>
	<body style="background-color: #FF0000;">
		<button>（body元素）在body中增加元素</button>
	</body>
</html>

jquery如何在body中增加元素

關(guān)于“jquery如何在body中增加元素”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“jquery如何在body中增加元素”知識都有一定的了解，大家如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

jquery如何在body中增加元素

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽