Keterangan. Sisipkan konten, yang ditentukan oleh parameter, hingga akhir setiap elemen dalam kumpulan elemen yang cocok
versi ditambahkan. 1. 0
isi
Jenis. atau atau atau atau
Elemen DOM, simpul teks, larik elemen dan simpul teks, string HTML, atau objek jQuery untuk disisipkan di akhir setiap elemen dalam kumpulan elemen yang cocok
isi
Jenis. atau atau atau atau
Satu atau lebih elemen DOM tambahan, simpul teks, larik elemen dan simpul teks, string HTML, atau objek jQuery untuk disisipkan di akhir setiap elemen dalam kumpulan elemen yang cocok
versi ditambahkan. 1. 4
fungsi
Jenis. ( indeks, html ) => atau atau atau
Fungsi yang mengembalikan string HTML, elemen DOM, node teks, atau objek jQuery untuk disisipkan di akhir setiap elemen dalam kumpulan elemen yang cocok. Menerima posisi indeks elemen di set dan nilai HTML lama elemen sebagai argumen. Di dalam fungsi, this mengacu pada elemen saat ini di set
Metode
$( ".inner" ).append( "<p>Test</p>" );
0 menyisipkan konten yang ditentukan sebagai anak terakhir dari setiap elemen dalam koleksi jQuery (Untuk memasukkannya sebagai anak pertama, gunakan$( ".inner" ).append( "<p>Test</p>" );
1)Metode
$( ".inner" ).append( "<p>Test</p>" );
0 dan$( ".inner" ).append( "<p>Test</p>" );
3 melakukan tugas yang sama. Perbedaan utamanya terletak pada sintaks khususnya, dalam penempatan konten dan target. Dengan$( ".inner" ).append( "<p>Test</p>" );
0, ekspresi pemilih sebelum metode adalah wadah tempat konten disisipkan. Sebaliknya, dengan$( ".inner" ).append( "<p>Test</p>" );
5, konten mendahului metode, baik sebagai ekspresi pemilih atau sebagai markup yang dibuat dengan cepat, dan konten dimasukkan ke wadah targetPerhatikan HTML berikut
1
2
3
4
5
<h2>Greetings</h2>
<div class="container">
<div class="inner">Hello</div>
<div class="inner">Goodbye</div>
</div>
Anda dapat membuat konten dan memasukkannya ke dalam beberapa elemen sekaligus
1
$( ".inner" ).append( "<p>Test</p>" );
Setiap elemen
$( ".inner" ).append( "<p>Test</p>" );
_6 dalam mendapatkan konten baru ini1
2
3
4
5
6
7
8
9
10
11
<h2>Greetings</h2>
<div class="container">
<div class="inner">
Hello
<p>Test</p>
</div>
<div class="inner">
Goodbye
<p>Test</p>
</div>
</div>
_Anda juga dapat memilih elemen di halaman dan memasukkannya ke elemen lain
1
$( ".container" ).append( $( "h2" ) );
Jika elemen yang dipilih dengan cara ini dimasukkan ke satu lokasi di tempat lain di DOM, elemen tersebut akan dipindahkan ke target (bukan dikloning)
1
2
3
4
5
<div class="container">
<div class="inner">Hello</div>
<div class="inner">Goodbye</div>
<h2>Greetings</h2>
</div>
Penting. Namun, jika ada lebih dari satu elemen target, salinan kloning dari elemen yang disisipkan akan dibuat untuk setiap target kecuali yang terakhir
Argumen Tambahan
Mirip dengan metode penambahan konten lainnya seperti
$( ".inner" ).append( "<p>Test</p>" );
7 dan$( ".inner" ).append( "<p>Test</p>" );
8,$( ".inner" ).append( "<p>Test</p>" );
0 juga mendukung penerusan beberapa argumen sebagai input. Masukan yang didukung mencakup elemen DOM, objek jQuery, string HTML, dan larik elemen DOMMisalnya, berikut ini akan menyisipkan dua
$( ".inner" ).append( "<p>Test</p>" );
_6 baru dan$( ".inner" ).append( "<p>Test</p>" );
6 yang sudah ada sebagai tiga simpul anak terakhir dari tubuh1
2
3
4
5
var $newdiv1 = $( "<div id='object1'></div>" ),
newdiv2 = document.createElement( "div" ),
existingdiv1 = document.getElementById( "foo" );
$( "body" ).append( $newdiv1, [ newdiv2, existingdiv1 ] );
Karena
$( ".inner" ).append( "<p>Test</p>" );
0 dapat menerima sejumlah argumen tambahan, hasil yang sama dapat dicapai dengan meneruskan tiga$( ".inner" ).append( "<p>Test</p>" );
6s sebagai tiga argumen terpisah, seperti itu.<h2>Greetings</h2>
<div class="container">
<div class="inner">
Hello
<p>Test</p>
</div>
<div class="inner">
Goodbye
<p>Test</p>
</div>
</div>
_4. Jenis dan jumlah argumen akan sangat bergantung pada cara Anda mengumpulkan elemen dalam kode Anda