In diesem Artikel wird hauptsächlich die Verwendung der Methode replaceWith() in jQuery vorgestellt und die Methode replacementWith() zum Ersetzen passender Elemente anhand von Beispielen analysiert Sie können sich auf die folgenden Beispiele beziehen
Dieser Artikel beschreibt die Verwendung der Methode replaceWith() in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:
Diese Methode ersetzt alle übereinstimmenden Elemente durch angegebene HTML- oder DOM-Elemente.
Es ist zu beachten, dass bei dieser Methode Inhalte angehängt werden, d. h. der ursprüngliche Inhalt ist noch vorhanden.
Besonderer Hinweis:
HTML-Inhalt bedeutet, dass der Inhalt das HTML-Tag enthalten und vom Browser gerendert werden kann.
Der Textinhalt besteht darin, zunächst die vordefinierten HTML-Zeichen im Inhalt in HTMLZeichenentitäten umzuwandeln, sodass die HTML-Tags nicht gerendert werden.
Grammatikstruktur:
Der Code lautet wie folgt:
$(selector).replaceWith(content)
Parameterliste:
Beispielcode:
Der Code lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</title>
<style type="text/css">
p{
width:100px;
height:100px;
border:1px solid blue;
}
p{
width:150px;
height:150px;
border:1px solid red;
}
</style>
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(
document
).ready(function(){
$("button").click(function(){
$("p").replaceWith("<p>我是p元素</p>");
});
});
</script>
</head>
<body>
<p>我是p元素</p>
<p>我是p元素</p>
<p>我是p元素</p>
<button>用p包裹每个段落</button>
</body>
</html>Der obige Code kann p-Elemente durch p-Elemente ersetzen .
Das obige ist der detaillierte Inhalt vonAnwendungsbeispiele der Methode replaceWith() in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
