ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryを呼び出してHTMLページのコンテンツを取得できますか?

jqueryを呼び出してHTMLページのコンテンツを取得できますか?

WBOY
WBOYオリジナル
2022-06-09 10:29:211318ブラウズ

jquery を呼び出して HTML ページのコンテンツを取得するには、html() メソッドを使用するだけです。このメソッドは、HTML 要素のコンテンツを設定または返すために使用されます。要素の場合、返される結果は最初の一致する要素の内容であり、構文は「$(selector).html()」です。

jqueryを呼び出してHTMLページのコンテンツを取得できますか?

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

jquery は、HTML ページの content

html() メソッドを呼び出して、選択された要素 (innerHTML) のコンテンツを設定または返します。

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

このメソッドを使用してコンテンツを設定すると、一致するすべての要素のコンテンツが書き換えられます。

構文は次のとおりです:

戻り内容:

$(selector).html()

セット内容:

$(selector).html(content)

例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="jquery/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert($("p").html());
});
});
</script>
</head>
<body>
<button>获取这个P元素的内容</button>
<p>这是一个 <b>段落</b>。</p>
</body>
</html>

出力結果:

jqueryを呼び出してHTMLページのコンテンツを取得できますか?

#ボタンをクリックした後:

jqueryを呼び出してHTMLページのコンテンツを取得できますか?##ビデオ チュートリアルの推奨:

jQueryビデオチュートリアル

以上がjqueryを呼び出してHTMLページのコンテンツを取得できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。