Maison >interface Web >js tutoriel >Exemples d'utilisation de la méthode replaceWith() dans jQuery

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

巴扎黑original: 2017-06-24 14:21:031494parcourir

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)

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>

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Exemple d'utilisation de la fonction de remplacement de balise jQuery replaceWith()Article suivant：Exemple d'utilisation de la fonction de remplacement de balise jQuery replaceWith()

Articles Liés

Voir plus