Perbezaan antara kaedah jquery append() dan kaedah html() dan pengenalan kepada use_jquery mereka

tambah(kandungan): Kaedah ini menyisipkan kandungan yang ditentukan pada penghujung elemen yang dipilih (masih ada di dalam). manakala dalam html ia adalah Menggantikan semua kandungan semasa.

Takrif dan penggunaan

Kaedah

append() memasukkan kandungan yang ditentukan di hujung (masih di dalam) elemen yang dipilih.
$(selector).tambah(kandungan)

Gunakan fungsi untuk menambahkan kandungan
Gunakan fungsi untuk memasukkan kandungan pada penghujung elemen tertentu.

Tatabahasa

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

Contoh kod:

<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>

Kaedah

html() mengembalikan atau menetapkan kandungan (HTML dalaman) elemen yang dipilih.

Jika kaedah ini tidak menetapkan parameter, ia mengembalikan kandungan semasa elemen yang dipilih.
Kembalikan kandungan elemen
Apabila menggunakan kaedah ini untuk mengembalikan nilai, ia mengembalikan kandungan elemen padanan pertama.

Tatabahasa

$(selector).html()

Tetapkan kandungan semua elemen p:

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

Kosongkan elemen yang ditentukan

$("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>"); 
} 
}); 
});

Berikut adalah apa yang ditambahkan oleh netizen:

Sudah tentu ia berbeza, tambah bermaksud menambah, html bermaksud menggantikan sepenuhnya
Contohnyad3b65352104a3dac7b6b81156e36ccade388a4556c0f65e1904146cc1a846bee12394b3e26ee717c64999d7867364b1b4a394b3e26ee717c64999d7867364b1b4a3
$("#1").html("45a2772a6b6107b401db3c9b82c049c245654bdf357c58b8a65c66d7c19c8e4d114");
Hasilnya ialah:d3b65352104a3dac7b6b81156e36ccad45a2772a6b6107b401db3c9b82c049c245654bdf357c58b8a65c66d7c19c8e4d11494b3e26ee717c64999d7867364b1b4a3

$("#1").append("45a2772a6b6107b401db3c9b82c049c254bdf357c58b8a65c66d7c19c8e4d114");
Hasilnya ialah:d3b65352104a3dac7b6b81156e36ccade388a4556c0f65e1904146cc1a846bee12394b3e26ee717c64999d7867364b1b4a345a2772a6b6107b401db3c9b82c049c245654bdf357c58b8a65c66d7c19c8e4d11494b3e26ee717c64999d7867364b1b4a3