ホームページ >ウェブフロントエンド >jsチュートリアル >jquery append() メソッドと html() メソッドの違いと use_jquery の概要

jquery append() メソッドと html() メソッドの違いと use_jquery の概要

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 16:40:391347ブラウズ

append(content): このメソッドは、選択された要素の最後 (まだ内部) に指定されたコンテンツを挿入します。つまり、append は英語の意味で元の要素に追加されるものであると考えています。 HTML では、現在のコンテンツをすべて置き換えます。

定義と使用法

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

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

文法

$(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 = "<div class='imgFocus'>123456</div>"; 
$("p").append(showimg); 
</script>

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

このメソッドがパラメータを設定しない場合、選択された要素の現在のコンテンツを返します。
要素の内容を返します
このメソッドを使用して値を返す場合、最初に一致した要素の内容が返されます。

文法

$(セレクター).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>div").show(); 
} 
else { 
$('#message').append("<p><strong>注销失败,请重新尝试!</strong></p>"); 
} 
}); 
});

以下はネチズンが追加したものです:

もちろん違います。append は追加することを意味し、html は完全に置き換えることを意味します
例:d3b65352104a3dac7b6b81156e36ccade388a4556c0f65e1904146cc1a846bee12394b3e26ee717c64999d7867364b1b4a394b3e26ee717c64999d7867364b1b4a3
$("#1").html("45a2772a6b6107b401db3c9b82c049c245654bdf357c58b8a65c66d7c19c8e4d114");
結果は次のようになります:d3b65352104a3dac7b6b81156e36ccad45a2772a6b6107b401db3c9b82c049c245654bdf357c58b8a65c66d7c19c8e4d11494b3e26ee717c64999d7867364b1b4a3

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。