Analisis penggunaan append() dan appendto() dalam jquery

Rumah

hujung hadapan web

tutorial js

Analisis penggunaan append() dan appendto() dalam jquery_jquery

May 16, 2016 pm 04:31 PM

append jquery penggunaan

Artikel ini menganalisis penggunaan append() dan appendto() dalam jquery dengan contoh. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Dalam kaedah operasi dokumen jQuery, kaedah append() dan appendto() melaksanakan tugas yang sama, tetapi terdapat juga perbezaan antara kedua-duanya.

1. kaedah append(): Sisipkan kandungan yang ditentukan di hujung elemen yang dipilih (tetapi masih dalam elemen).

a. Sintaks:

Salin kod Kod adalah seperti berikut:

$(selector).append(content );

Antaranya, kandungan parameter diperlukan, menyatakan kandungan yang akan dilampirkan.

b. tambah boleh menggunakan fungsi untuk menambahkan kandungan pada elemen yang dipilih Sintaksnya ialah:

Salin kod Kodnya adalah seperti berikut:

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

Antaranya, function() diperlukan dan indeks dan html parameter adalah pilihan. Indeks mewakili kedudukan indeks pemilih penerima, dan html mewakili html semasa pemilih penerima.

Contoh:

Salin kod Kod adalah seperti berikut:

<html>
<kepala> 

<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){ 

$("butang").klik(fungsi(){ 

$("p").append(" <b>Hello jQuery!</b>");
}); 

}); 

</skrip>
</head>
<badan> 

<p>Ini ialah perenggan.</p>
<p>Ini adalah perenggan lain.</p>
<butang>Tambah kandungan di hujung setiap elemen p</button>
</body>
</html>



Keputusan larian adalah seperti berikut: 


Ini adalah perenggan. Hello jQuery!

Ini adalah perenggan lain. Hello jQuery!



2. appendto() kaedah: 
Sisipkan kandungan yang ditentukan di hujung elemen yang dipilih (tetapi masih di dalam elemen). Tetapi anda tidak boleh menggunakan fungsi untuk menambahkan kandungan. 

Sintaks:

Salin kod

Kod adalah seperti berikut:

$(content).appendto(selector);

Contoh: Salin kod

Kod adalah seperti berikut:

<html> <kepala>
<script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){

$("butang").klik(fungsi(){ $("<b> Hello jQuery!</b>").appendTo("p"); }); }); </skrip> </head> <badan> <p>Ini ialah perenggan.</p> <p>Ini adalah perenggan lain.</p> <butang>Tambah kandungan di hujung setiap elemen p</button> </body> </html> Keputusan larian adalah seperti berikut:

Ini adalah perenggan. Hello jQuery!

Ini adalah perenggan lain. Hello jQuery!

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn