Maison >interface Web >js tutoriel >Quelle est la différence entre replacewith et replaceAll

Quelle est la différence entre replacewith et replaceAll

清浅
清浅original
2019-02-21 11:03:364693parcourir

La différence entre replacewith et replaceAll dans jQuery est la suivante : le premier remplace l'élément sélectionné par les caractères entre parenthèses, et le second remplace l'élément sélectionné par la chaîne entre parenthèses

Il y en a deux dans jQuery Deux méthodes sont utilisées pour spécifier le contenu du HTML ou remplacer les éléments sélectionnés par des éléments. Ce sont respectivement les méthodes replacewith et replaceAll. Ensuite, dans l'article, nous présenterons la différence entre les deux, ce qui, je l'espère, a un certain effet de référence. cela sera utile à tout le monde.

Quelle est la différence entre replacewith et replaceAll

[Tutoriel recommandé : Tutoriel jQuery]

méthode replacewith

replaceWith() consiste à remplacer l'élément sélectionné par un nouveau contenu. Elle a deux paramètres : content, qui est utilisé pour définir le contenu à insérer. Il peut être défini sur des éléments HTML ou DOM. Un autre paramètre est la fonction. Fonction utilisée pour renvoyer le contenu remplacé

Exemple : Cliquer sur le bouton pour modifier le contenu du texte

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

Rendu :

Quelle est la différence entre replacewith et replaceAll

Méthode replaceAll

La méthode replaceAll, comme la méthode replacewith, est utilisée pour remplacer les éléments sélectionnés par de nouveaux éléments HTML. Il a également deux paramètres, où le contenu est utilisé pour définir le contenu à insérer, et le sélecteur est utilisé pour spécifier quel élément sera remplacé

Exemple : cliquer sur le bouton entraîne la modification du paragraphe dans l'élément p

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

Rendu :

Quelle est la différence entre replacewith et replaceAll

La différence entre replacewith et replaceAll

D'après ce qui précède À partir des deux exemples, nous pouvons voir que les fonctions implémentées entre les deux sont les mêmes, utilisées pour remplacer le contenu du texte, mais il existe encore des différences dans le processus d'implémentation

La plus grande différence entre elles est l'ordre des caractères de remplacement, replacewith remplace les éléments sélectionnés par les caractères entre parenthèses et replaceAll remplace les éléments sélectionnés entre parenthèses par des chaînes. Et le remplacement est terminé, tous les événements de l'élément remplacé disparaissent

Résumé : ce qui précède est l'intégralité du contenu de cet article. J'espère que cet article pourra aider tout le monde à comprendre la différence entre replacewith et replaceAll

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

Articles Liés

Voir plus