ホームページ > ウェブフロントエンド > フロントエンドQ&A > jquery replaceall メソッドの用途は何ですか

jquery replaceall メソッドの用途は何ですか

青灯夜游
リリース: 2022-04-22 12:00:35
オリジナル
1578 人が閲覧しました

jquery replaceAll() メソッドは、選択した要素を新しい HTML 要素に置き換えるために使用され、構文は「$(content).replaceAll(selector)」です。パラメータ「selector」は選択した要素を指定し、「 content」は、HTML タグの置換コンテンツが含まれることを指定します。

jquery replaceall メソッドの用途は何ですか

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

jquery replaceall() メソッド

replaceAll() メソッドは、選択した要素を新しい HTML 要素に置き換えます。構文形式:

$(content).replaceAll(selector)
ログイン後にコピー
##ParameterDescription必須。どの要素を置換するかを指定します。 $(A).replaceAll(B) のように簡略化できます。これは、B 要素を A 要素で置き換えることを意味します。
content# #必須。挿入するコンテンツを指定します (HTML タグが含まれている必要があります)。 #セレクター
は、

例 1:strong 要素を a 要素に置き換えます

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					 $(&#39;<a href="//m.sbmmt.com/" target="_blank">PHP中文网</a>&#39;).replaceAll("strong");
				})
			})
		</script>
	</head>
	<body>
		<strong>jQuery教程</strong><br/>
		<br><button>隐藏textarea</button>
	</body>
</html>
ログイン後にコピー

例 2:最後の p 要素を置き換えますスパン要素の説明

jquery replaceall メソッドの用途は何ですか

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					$("<span><b>Hello world!</b></span>").replaceAll("p:last");
				})
			})
		</script>
	</head>
	<body>
		<p>这是一个段落。</p>
		<p>这是另一个段落。</p>
		<br><br><button>隐藏textarea</button>
	</body>
</html>
ログイン後にコピー

:

jquery replaceall メソッドの用途は何ですか:last

セレクターは最後の要素を選択します。このセレクターは、単一の要素を選択する場合

最も一般的な使用法: 他のセレクターと併用して、指定された組み合わせ (上記の例など) の最後の要素を選択します。

[推奨学習: jQuery ビデオ チュートリアル

Web フロントエンド ビデオ

]

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

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