Anwendungsbeispiele der Methode replaceWith() in jQuery-js-Tutorial-php.cn

Anwendungsbeispiele der Methode replaceWith() in jQuery

巴扎黑

Freigeben： 2017-06-24 14:21:03

Original

1508 Leute haben es durchsucht

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)

Nach dem Login kopieren

Parameterliste:

参数	描述
content	用于替换的内容。
selector	用于查找所要被替换的元素

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>

Nach dem Login kopieren

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!