ホームページ >ウェブフロントエンド >jsチュートリアル >replacewith と replaceAll はどう違いますか?

replacewith と replaceAll はどう違いますか?

清浅
清浅オリジナル
2019-02-21 11:03:364694ブラウズ

jQuery の replacewith と replaceAll の違いは次のとおりです。前者は選択された要素を括弧内の文字に置き換え、後者は選択された要素を括弧内の文字列に置き換えます

jQuery には 2 つあります。 HTML の内容を指定したり、選択した要素を要素に置き換えたりするために使用される 2 つのメソッドは、それぞれ replacewith メソッドと replaceAll メソッドです。この 2 つの違いについては、ある程度の参考になると思います。それは誰にとっても役立ちます。

replacewith と replaceAll はどう違いますか?

#[推奨チュートリアル: jQuery チュートリアル]

replacewith メソッド

replaceWith() メソッドは、選択した要素を新しいコンテンツに置き換えます。content は、挿入するコンテンツを設定するために使用されます。HTML 要素または DOM 要素に設定できます。もう 1 つのパラメータは関数です。置換されたコンテンツを返すために使用される関数

例: ボタンをクリックしてテキスト コンテンツを変更します

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").replaceWith("PHP中文网");
    });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>点击按钮替换元素</button>

レンダリング :

replacewith と replaceAll はどう違いますか?

##replaceAll メソッド

replaceAll メソッドは、replacewith メソッドと同様に、選択した要素を新しい HTML 要素に置き換えるのに使用されます。また、2 つのパラメーターもあり、content は挿入するコンテンツを設定するために使用され、selector は置換される要素を指定するために使用されます。

例: ボタンをクリックすると、p 要素の段落が変更されます#。 ##

<script>
$(document).ready(function(){
	$("button").click(function(){
		$("<p>PHP中文网</p>").replaceAll("p");
	});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>点击按钮进行替换</button>

レンダリング:


#replacewith と replaceAll の違いreplacewith と replaceAll はどう違いますか?

上の 2 つの例から、この 2 つの間に実装された関数は同じであり、テキスト コンテンツを置換するために使用されることがわかりますが、実装プロセスにはまだ違いがあります。これらの最大の違いは、文字の置換 この順序で、replacewith は選択した要素を括弧内の文字に置き換え、replaceAll は選択した要素を括弧内の文字列に置き換えます。置換が完了すると、置換された要素内のすべてのイベントが消えます。

要約: 上記がこの記事の全内容です。この記事が replacewith と replaceAll の違いを理解するのに役立つことを願っています

以上がreplacewith と replaceAll はどう違いますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

関連記事

続きを見る