ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery html() メソッドの用途は何ですか
jQuery html() メソッドの用途は何ですか
- 青灯夜游オリジナル
- 2021-05-06 16:42:094840ブラウズ
html() メソッドは、選択された要素のコンテンツを返すか設定するために使用されます。 1. パラメーターが設定されていない場合は、選択された要素の現在のコンテンツを返します。構文 "$(selector).html()" "; 2 . パラメーターが設定されている場合、一致するすべての要素のコンテンツが構文 "$(selector).html(content value)" で上書きされます。
このチュートリアルの動作環境: 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>
##要素の内容を設定します
#このメソッドを使用して値を設定すると、一致するすべての要素の内容が上書きされます。
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() メソッドの用途は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：JS の論理代入演算子の詳細な分析次の記事：JS の論理代入演算子の詳細な分析