replacewith と replaceAll はどう違いますか？-jsチュートリアル-php.cn

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

清浅

リリース： 2019-02-21 11:03:36

オリジナル

4697 人が閲覧しました

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 サイトの他の関連記事を参照してください。