jqueryのappend()メソッドとhtml()メソッドの違いとその使い方の紹介

append() メソッドは、選択された要素の末尾に指定されたコンテンツを挿入し、 html() メソッドは、選択された要素のコンテンツを返すか設定します。 以下は、2 つの

append() の違いと使用方法の概要です。 content): メソッドは、要素の末尾 (まだ内部) に指定されたコンテンツを挿入します。現在のコンテンツをすべて置き換えます。 定義と使用法

append() メソッドは、指定されたコンテンツを選択した要素の最後 (まだ内側) に挿入します。

$(selector).append(content)

関数

を使用してコンテンツを追加します関数を使用して、指定された要素の末尾にコンテンツを挿入します。
構文

$(selector).append(function(index,html))

コード例:

<script src="/jquery.min.js" type="text/javascript"></script> 
<style> 
.imgFocus{border: 1px solid #eee;} 
</style> 
<p> </p> 
<script type="text/javascript"> 
var showimg = "<p class=&#39;imgFocus&#39;>123456</p>"; 
$("p").append(showimg); 
</script>

html() メソッドは、選択された要素 (内部 HTML) のコンテンツを返すか設定します。

このメソッドがパラメータを設定しない場合、選択された要素の現在のコンテンツを返します。

要素の内容を返す

このメソッドを使用して値を返すと、最初に一致した要素の内容が返されます。

構文

$(selector).html()

すべてのp要素の内容を設定します:

$(".btn1").click(function(){ 
$("p").html("Hello <b>world</b>!"); 
});

指定された要素をクリアします

$("a[href$='logout.asp']").click(function(event) { 
event.preventDefault(); 
$.get("/xxlr/Logout.asp","",function(data, textStatus) { 
if (data == 1) { //表明注销成功 
$('#message').html(""); 
$("#userlogin>p").show(); 
} 
else { 
$(&#39;#message&#39;).append("<p><strong>注销失败,请重新尝试!</strong></p>"); 
} 
}); 
});

以下はネチズンの追加です:

Ofもちろん違います。追加は追加で、HTML は完全に置き換えられます

たとえば、d3b65352104a3dac7b6b81156e36ccade388a4556c0f65e1904146cc1a846bee12394b3e26ee717c64999d7867364b1b4a394b3e26ee717c64999d7867364b1b4a3

$("#1")。 html("45a2772a6b6107b401db3c9b82c049c245654bdf357c58b8a65c66d7c19c8e4d114");
結果は次のようになります:d3b65352104a3dac7b6b81156e36ccad45a2772a6b6107b401db3c9b82c049c245654bdf357c58b8a65c66d7c19c8e4d11494b3e26ee717c64999d7867364b1b4a3

$("# 1").append(" 45a2772a6b6107b401db3c9b82c049c254bdf357c58b8a65c66d7c19c8e4d114");
結果は次のようになります: d3b65352104a3dac7b6b81156e36ccade388a4556c0f65e1904146cc1a846bee12394b3e26ee717c64999d7867364b1b4a345a2772a6b6107b401db3c9b82c049c2456e7685952bca8a557bf10ed4b0897736b94b3e26ee717c64999d7867364b1b4a3

以上がjqueryのappend()メソッドとhtml()メソッドの違いとその使い方の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。