Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk menggunakan kaedah replaceall dalam jquery

Bagaimana untuk menggunakan kaedah replaceall dalam jquery

WBOY
Lepaskan: 2022-05-07 17:31:32
asal
2679 orang telah melayarinya

Dalam jquery, kaedah replaceall digunakan untuk menggantikan elemen yang dipilih dengan elemen HTML baharu Sintaks ialah "elemen terpilih.replaceAll (elemen diganti)"; kaedah yang sama, tetapi kaedah replaceall() tidak boleh menggunakan fungsi untuk penggantian.

Bagaimana untuk menggunakan kaedah replaceall dalam jquery

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Apakah maksud fungsi api dalam jquery?

Kaedah replaceAll() menggantikan elemen yang dipilih dengan kandungan atau elemen HTML yang ditentukan.

Petua: replaceAll() mempunyai kesan yang sama seperti replaceWith(). Perbezaannya adalah dalam sintaks: kandungan dan peletakan pemilih, dan replaceWith() dapat menggunakan fungsi untuk penggantian.

Sintaks

$(content).replaceAll(selector)
Salin selepas log masuk

kandungan diperlukan. Menentukan kandungan untuk menggantikan elemen yang dipilih.

Nilai yang mungkin:

Kod HTML - cth. ("

")

Elemen baharu - cth. ))

Elemen sedia ada - seperti ($(".div1"))

Elemen sedia ada tidak akan dialihkan, tetapi hanya akan disalin dan dibalut pada elemen yang dipilih.

pemilih diperlukan. Menentukan elemen yang akan diganti.

Contoh adalah seperti berikut:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    $(document.createElement("div")).replaceAll("p");
  });
});
</script>
<style>
div{height:20px;background-color:yellow;margin:10px;}
</style>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button class="btn1">用新的 div 替换所有段落</button>
</body>
</html>
Salin selepas log masuk

Hasil keluaran:

 1.gif

Tutorial video berkaitan yang disyorkan: tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk menggunakan kaedah replaceall dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
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