externalhtml_jquery を取得および設定する jquery メソッド

この記事の例では、jquery が externalhtml を取得および設定する方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

開発プロセス中、jQuery.html() は現在のノードの HTML コードを取得するためのものであり、現在のノード自体のコードは含まれません。ただし、必要になる場合があり、jQuery を使用できます。 prop("outerHTML") を設定します。

多くの jQuery ユーザーは、この問題について深く混乱しています。属性を取得および設定する便利な方法がたくさんある中で、html 要素の externalHTML を DOM のように直接設定できないのはなぜですか?

ネイティブ JS DOM には、現在のノード (現在のノードを含む) の HTML コードを取得するための組み込み属性 externalHTML があるため (大文字と小文字を区別することに注意してください)、jQuery のprop() を使用して
に取得します
1. jqueryはouterhtml

を取得します

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

2. jquery 設定の externalhtml

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

この記事が皆さんの jQuery プログラミングに役立つことを願っています。