méthode jquery pour obtenir et définir externalhtml_jquery

L'exemple de cet article décrit comment jquery obtient et définit le HTML externe. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Pendant le processus de développement, jQuery.html() sert à obtenir le code html sous le nœud actuel et n'inclut pas le code du nœud actuel lui-même. Cependant, nous en avons parfois besoin et nous pouvons utiliser jQuery. prop("outerHTML") configuré.

De nombreux utilisateurs de jQuery sont profondément confus à propos de ce problème. Pourquoi le HTML externe de l'élément HTML ne peut-il pas être défini directement comme dans le DOM parmi les nombreuses méthodes pratiques d'obtention et de définition d'attributs ?

Parce qu'il existe un attribut externalHTML intégré dans le DOM JS natif (regardez la casse, JS est sensible à la casse) pour obtenir le code html du nœud actuel (y compris le nœud actuel), vous pouvez donc utiliser celui de jQuery prop() pour l'obtenir

1. jquery obtient un HTML externe

<div class="test"><p>hello，你好！</p></div>
<script>
$(".test").prop("outerHTML");
</script>

2. paramètre jquery externalhtml

$('.test').prop('outerHTML', '<input>');

J'espère que cet article sera utile à la programmation jQuery de chacun.