Quelle est la différence entre les deux .empty().append() et .html()?

À l'aide de jQuery, ce qui est la différence de rendement entre l'utilisation

$('#somDiv').empty().append('text To Insert')

$('#somDiv').html('text To Insert')

Vous continuez à changer votre question en se basant sur les réponses. Quel est votre fin réelle question? Comme vous l'avez écrit, aucune différence fonctionnelle. Si vous vous souciez de la vitesse, vous devriez avoir dit quelque chose à propos de la vitesse de votre question.
-1 pour changer la racine de votre question et d'invalider un certain nombre de réponses.
-1 À la sauvegarde de Stefan, et parce que je n'aime pas si je perd un point.
On peut supposer que l' html() est soutenu par innerHTML et append() est soutenu par appendChild(), dont les cas, il y a des différences, notamment en ce que le navigateur doit faire et quelles informations peuvent être perdues lors de la sérialisation/deserialisation processus.

InformationsquelleAutor AppleTrue | 2009-12-14

42

$('#somDiv').html(value) est équivalent à $('#somDiv').empty().append(value).

Source: jQuery source.
- J'ai mis à jour pour le faire .html(). Maintenant, quelle est la différence?
- Mise à jour de réponse
- Est .ajouter plus vite que .le html?
- ralentir sur les mises à jour de l'homme! 😉 J'ai mis à jour ma réponse à votre dernière question....
- .empty().append(...) sera légèrement plus rapide depuis .html(...) est essentiellement un wrapper pour la même chose. N'utilisez pas de .empty().append(...) pour des raisons de rapidité, puisque vous ne l'auriez pas remarqué une différence de plusieurs milliers d'appels, et il serait difficile pour quelqu'un de lire votre code.
- Le jQuery documentation pourrait vous amener à croire que si vous essayez d'ajouter un jQuery, élément de tableau, ou un Texte que vous ne pouvez pas utiliser .html car il dit qu'il accepte uniquement un htmlString ou function...cependant, il ne fait appel .empty().append() en interne et en passant un existant jQuery ne fonctionne pas.
InformationsquelleAutor Roatin Marth
5

.html va remplacer le contenu de la DIV.

.append ajoute au contenu de la DIV.
- N'ajoutez utilisation DOM? Alors que innerHTML ne l'est pas?
- Veuillez noter que j'ai compris la fonction empty() pour que append est d'écraser les aime .html. Est .ajouter plus vite que .le html?
- Ne pas répondre à l'OP de la question...
- en toute équité, à partir de la date-heure, il semble que l'OP fortement modifié la question de faute de frappe en proie à fait raisonnable.
- Excellent! C'est exactement ce que je cherchais. Je veux plus de réponses ont été aussi concis et précis.
InformationsquelleAutor Mark Sherretta
1

différence entre append() et html() en jQuery

.append() et .html() sont les méthodes les plus utiles en jQuery. Mais elles sont très différentes l'une de l'autre, .append() ajouter de la valeur à l'existant. Où .html() faire la même chose mais il supprime l'ancienne valeur de la première.

Voici un exemple:
```
<ul id="test">
<li>test</li>
</ul>
```
Maintenant je vais utiliser .append() pour ajouter un <li>, Pour que je vais écrire:
```
<script type="text/javascript>"
jQuery("#test").append("<li>test1</li>");
</script>
```
La sortie de cette jQuery sera:
```
<ul id="test">
<li>test</li>
<li>test1</li>
</ul>
```
Maintenant si j'utilise .html() pour ajouter un <li>, Pour que je vais écrire:
```
<script type="text/javascript>"
jQuery("#test").html("<li>test1</li>");
</script>
```
La sortie de ce Script sera:
```
<ul id="test">
<li>test1</li>
</ul>
```
Ici dans cet exemple .append() ajouter un extra <li>, si .html() supprime l'ancien avec le nouveau. C'est la principale différence entre .append() et .html() en jQuery.

InformationsquelleAutor Deva.TamilanbanThevar
0

En termes simples:
```
$('#somDiv').append('blabla')
```
fonctionne comme ceci:
```
<div id='somDiv'>some text</div>
```
devient:
```
<div id='somDiv'>some textblabla</div>
```
Et innerHTML remplace le contenu, de sorte qu'il devient:
```
<div id='somDiv'>blabla</div>
```
- J'ai mis à jour mon premier post pour y inclure la fonction empty() afin qu'ils agissent de la même
- Ils sont exactement les mêmes en termes de résultat, mais innerHTML serait probablement plus rapide sur les gros fichiers, comme il utilise simplement la fonction native, qui est à seulement 1 appel.
- Est .ajouter plus vite que .le html?
InformationsquelleAutor EarthMind
0

La syntaxe correcte est
```
$("#somDiv").html("<span>Hello world</span>");
```
- J'ai mis à jour mon post original. Maintenant, quelle est la différence? (Merci)
- Fonctionnellement, maintenant il n'y a pas de différence.
InformationsquelleAutor Pete Nelson
0

Comprendre le sens et les fonctions des extensions prévues en jQuery.
```
$('#somDiv').empty().append('text To Insert')
```
-- Code ci-dessus va effacer l'div id contenu de la balise d'abord, puis d'ajouter le texte à la cible div:
```
$('#somDiv').html('text To Insert')
```
-- Code ci-dessus, remplacez la balise div de texte avec le texte html:

InformationsquelleAutor Rahul N P

Vous devez vous connecter pour publier un commentaire.