Heim > Web-Frontend > js-Tutorial > Hauptteil

Was ist der Unterschied zwischen „replacewith' und „replaceAll'.

清浅
Freigeben: 2019-02-21 11:03:36
Original
4655 Leute haben es durchsucht

Der Unterschied zwischen „replacewith“ und „replaceAll“ in jQuery ist: Ersteres ersetzt das ausgewählte Element durch die Zeichen in den Klammern und letzteres ersetzt das ausgewählte Element durch die Zeichenfolge in den Klammern

In jQuery gibt es zwei Zwei Methoden werden verwendet, um den Inhalt von HTML anzugeben oder ausgewählte Elemente durch Elemente zu ersetzen. Sie sind die Methoden „replacewith“ und „replaceAll“. Als nächstes werden wir den Unterschied zwischen den beiden vorstellen, was hoffentlich einen gewissen Referenzeffekt hat Es wird für alle hilfreich sein.

Was ist der Unterschied zwischen „replacewith' und „replaceAll'.

[Empfohlenes Tutorial: jQuery-Tutorial]

replacewith-Methode

replaceWith() Methode dient zum Ersetzen des ausgewählten Elements durch neuen Inhalt. Sie verfügt über zwei Parameter: Inhalt, der zum Festlegen des einzufügenden Inhalts verwendet wird. Er kann auf HTML- oder DOM-Elemente festgelegt werden. Ein weiterer Parameter ist die Funktion. Funktion zum Zurückgeben des ersetzten Inhalts

Beispiel: Klicken Sie auf die Schaltfläche, um den Textinhalt zu ändern

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

Rendering :

Was ist der Unterschied zwischen „replacewith' und „replaceAll'.

replaceAll-Methode

Die replaceAll-Methode wird wie die replacewith-Methode verwendet, um ausgewählte Elemente durch neue HTML-Elemente zu ersetzen. Es verfügt außerdem über zwei Parameter, wobei „content“ verwendet wird, um den einzufügenden Inhalt festzulegen, und „selector“ verwendet wird, um anzugeben, welches Element ersetzt werden soll

Beispiel: Durch Klicken auf die Schaltfläche wird der Absatz im p-Element geändert

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

Rendering:

Was ist der Unterschied zwischen „replacewith' und „replaceAll'.

Der Unterschied zwischen replacewith und replaceAll

From Die beiden oben genannten Aus dem Beispiel können wir ersehen, dass die zwischen den beiden implementierten Funktionen dieselben sind und zum Ersetzen von Textinhalten verwendet werden. Es gibt jedoch immer noch Unterschiede im Implementierungsprozess.

Der größte Unterschied zwischen ihnen besteht im Ersetzen Zeichen In der Reihenfolge ersetzt „replacewith“ die ausgewählten Elemente durch die Zeichen in den Klammern und „replaceAll“ ersetzt die ausgewählten Elemente in den Klammern durch Zeichenfolgen. Und die Ersetzung ist abgeschlossen, alle Ereignisse im ersetzten Element verschwinden

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dieser Artikel kann jedem helfen, den Unterschied zwischen replacewith und replacementAll zu verstehen

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen „replacewith' und „replaceAll'.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage