Exemples d'utilisation de la méthode replaceWith() dans jQuery-js tutoriel-php.cn

Exemples d'utilisation de la méthode replaceWith() dans jQuery

巴扎黑

Libérer： 2017-06-24 14:21:03

original

1518 Les gens l'ont consulté

Cet article présente principalement l'utilisation de la méthode replaceWith() dans jQuery et analyse la méthode replaceWith() pour faire correspondre le remplacement d'éléments sous forme d'exemples. Elle a une certaine valeur de référence. Vous pouvez vous référer aux exemples ci-dessous

Cet article décrit l'utilisation de la méthode replaceWith() dans jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Cette méthode remplace tous les éléments correspondants par des éléments HTML ou DOM spécifiés.

Il convient de noter que cette méthode consiste à ajouter du contenu, c'est-à-dire que le contenu original est toujours là.

Remarque spéciale :

Le contenu HTML signifie que le contenu peut contenir la balise HTML et peut être restitué par le navigateur.
Le contenu du texte consiste d'abord à convertir les caractères HTML prédéfinis dans le contenu en htmlentités de caractères, afin que les balises HTML ne soient pas rendues.

Structure grammaticale :

Le code est le suivant :

$(selector).replaceWith(content)

Copier après la connexion

Liste des paramètres :

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

Exemple de code :

Le code est le suivant :

<!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>

Copier après la connexion

Le code ci-dessus peut remplacer p éléments par p éléments .

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!