ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryでreplaceallメソッドを使用する方法

jQueryでreplaceallメソッドを使用する方法

WBOY
WBOYオリジナル
2022-05-07 17:31:322656ブラウズ

jquery では、replaceall メソッドを使用して、選択した要素を新しい HTML 要素に置き換えます。構文は「selected element.replaceAll (置換された要素)」です。このメソッドは replaceWith() と同じ機能を持ちます。同じですが、 replaceall() メソッドは置換に関数を使用できません。

jQueryでreplaceallメソッドを使用する方法

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

jquery の fire 関数は何を意味しますか?

replaceAll() メソッドは、選択された要素を指定された HTML コンテンツまたは要素に置き換えます。

ヒント: replaceAll() は replaceWith() と同じ効果があります。違いは構文にあります: コンテンツとセレクターの配置、および replaceWith() は置換に関数を使用できます。

構文

$(content).replaceAll(selector)

コンテンツが必要です。選択した要素を置き換えるコンテンツを指定します。

可能な値:

HTML コード - 例: ("

")

新しい要素 - 例: (document.createElement(") div "))

既存の要素 - ($(".div1"))

既存の要素は移動されず、コピーされて選択された要素の周りにラップされるだけです。

セレクターは必須です。置換する要素を指定します。

例は次のとおりです:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    $(document.createElement("div")).replaceAll("p");
  });
});
</script>
<style>
div{height:20px;background-color:yellow;margin:10px;}
</style>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button class="btn1">用新的 div 替换所有段落</button>
</body>
</html>

出力結果:

jQueryでreplaceallメソッドを使用する方法

関連ビデオ チュートリアルの推奨事項: jQuery ビデオ チュートリアル

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

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