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

青灯夜游
リリース: 2021-05-06 16:49:39
オリジナル
4804 人が閲覧しました

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() メソッドの用途は何ですか関連ビデオ チュートリアルの推奨事項:

jQuery チュートリアル

(ビデオ)

以上がjQuery html() メソッドの用途は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート