Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > kandungan tetapan jquery tidak dilindungi

kandungan tetapan jquery tidak dilindungi

PHPz
Lepaskan: 2023-04-17 15:03:18
asal
202 orang telah melayarinya

jQuery ialah perpustakaan JavaScript yang digunakan secara meluas yang menjadikan pengaturcaraan JavaScript lebih mudah dan lebih mudah. Dalam jQuery, kita selalunya perlu menggantikan kandungan elemen, tetapi kadangkala kita tidak mahu ia meliputi kandungan asal sepenuhnya Sebaliknya, kita perlu menambah kandungan baharu selepas kandungan asal, atau memasukkan beberapa kandungan di hadapan kandungan asal. Artikel ini akan berkongsi cara menggunakan jQuery untuk mengelakkan menimpa kandungan lama.

Pertama, gunakan kaedah .html() untuk menggantikan kandungan HTML Kaedah ini akan menimpa HTML keseluruhan elemen. Jika anda hanya perlu menggantikan sebahagian daripada kandungan, anda boleh menggunakan kaedah .replaceWith() yang disediakan oleh jQuery.

Sebagai contoh, kita mempunyai kod HTML berikut:

<code class="html"><div id="sampleDiv">这是一个例子。</div></code>
Salin selepas log masuk

Sekarang kita perlu menggantikan "contoh" dengan "contoh":

<code class="javascript">$('#sampleDiv').html($('#sampleDiv').html().replace('例子', '示例'));</code>
Salin selepas log masuk

Kaedah ini akan meliputi keseluruhan kandungan div, jika kandungan asal agak kompleks, kaedah ini akan kelihatan rumit dan tidak fleksibel, dan perlu diubah suai mengikut situasi tertentu.

Malah, kita boleh menggunakan kaedah append() dan prepend() untuk mencapai operasi tanpa menulis ganti gaya asal. Kaedah

append() memasukkan kandungan yang ditentukan ke penghujung elemen padanan, manakala kaedah prepend() memasukkan kandungan yang ditentukan ke hadapan elemen padanan. Tiada kaedah menimpa kandungan asal.

Jadi, apakah yang perlu kita lakukan jika kita mahu menambah "(parameter)" selepas teks contoh?

<code class="javascript">$('#sampleDiv').append('(参数)');</code>
Salin selepas log masuk

Kaedah ini akan menambah "(parameter)" pada penghujung teks contoh. Begitu juga, jika kita ingin menambah "Nota:" sebelum teks contoh, bagaimana kita harus melakukannya?

<code class="javascript">$('#sampleDiv').prepend('注意:');</code>
Salin selepas log masuk

Kaedah ini akan menambah "Nota:" sebelum teks sampel. Kedua-dua kaedah ini sangat mudah digunakan dan tidak akan menimpa gaya asal, menjadikannya sangat mudah dan praktikal.

Selain itu, jika kita ingin memasukkan kandungan ke dalam berbilang elemen, kita boleh menggunakan kaedah each(), seperti yang ditunjukkan di bawah:

<code class="javascript">$('.sampleParagraph').each(function() {
  $(this).append('!')
});</code>
Salin selepas log masuk

Kaedah ini akan menambah kandungan pada semua elemen yang kelas gaya ialah sampleParagraph Tambah tanda seru selepasnya. Jika kita ingin menambah "Nota:" di hadapan semua elemen, kita harus menulis seperti ini:

<code class="javascript">$('.sampleParagraph').each(function() {
  $(this).prepend('注:')
});</code>
Salin selepas log masuk

Kaedah ini akan menambah "Nota:" di hadapan semua elemen.

Secara amnya, dengan menggunakan kaedah append() dan prepend(), kita boleh memasukkan kandungan sebelum dan selepas elemen tanpa menulis ganti kandungan asal. Menggunakan kaedah each(), anda boleh mengendalikan berbilang elemen. Kaedah ini sangat fleksibel dan mudah digunakan, dan sangat sesuai untuk digunakan oleh pembangun bahagian hadapan apabila melaksanakan penggantian kandungan.

Atas ialah kandungan terperinci kandungan tetapan jquery tidak dilindungi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan