jQuery html() メソッドの用途は何ですか-jsチュートリアル-php.cn

jQuery html() メソッドの用途は何ですか

青灯夜游

リリース： 2021-05-06 16:49:39

オリジナル

4832 人が閲覧しました

html() メソッドは、選択された要素のコンテンツを返すか設定するために使用されます。 1. パラメーターが設定されていない場合は、選択された要素の現在のコンテンツを返します。構文 "$(selector).html()" "; 2 . パラメーターが設定されている場合、一致するすべての要素のコンテンツが構文 "$(selector).html(content value)" で上書きされます。

jQuery html() メソッドの用途は何ですか

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

jQuery html() メソッド

html() メソッドは、選択した要素のコンテンツ (内部 HTML) を返すか設定します。

要素のコンテンツを返す

このメソッドを使用して値を返すと、最初に一致した要素のコンテンツが返されます。

構文

$(selector).html()

ログイン後にコピー

例:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
		</script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					alert($("p").html());
				});
			});
		</script>
	</head>

	<body>
		<p>这是一个 <b>段落</b>。</p>
		<button>返回P标签的内容</button>

	</body>

</html>

ログイン後にコピー

jQuery html() メソッドの用途は何ですか

##要素の内容を設定します

Syntax

$(selector).html(content)

ログイン後にコピー

content: 選択した要素の新しいコンテンツを指定します。これは省略できます。このパラメータには HTML タグを含めることができます。

例:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
		</script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("p").html("Hello <b>world!</b>");
				});
			});
		</script>
	</head>

	<body>

		<p>这是一个段落。</p>
		<p>这是另一个段落。</p>
		<button>修改所有P元素的内容</button>
	</body>

</html>

ログイン後にコピー

jQuery html() メソッドの用途は何ですか関連ビデオチュートリアルの推奨事項: