Bagaimana untuk menggantikan kandungan dalam tag dengan jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menggantikan kandungan dalam tag dengan jquery

WBOY

Lepaskan： 2022-01-14 11:24:12

asal

4271 orang telah melayarinya

Dalam jquery, anda boleh menggunakan kaedah html() untuk menggantikan kandungan dalam teg Fungsi kaedah ini adalah untuk mengembalikan atau menetapkan kandungan elemen yang dipilih apabila kaedah ini digunakan tanpa menetapkan parameter , elemen yang dipilih akan dikembalikan Kandungan semasa elemen, sintaksnya ialah "$(elemen).html("kandungan baharu").

Bagaimana untuk menggantikan kandungan dalam tag dengan jquery

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

Cara menggantikan kandungan dalam teg dengan jquery

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

Jika kaedah ini tidak menetapkan parameter, ia mengembalikan kandungan semasa elemen yang dipilih.

Kembalikan kandungan elemen

Apabila kaedah ini mengembalikan nilai, ia mengembalikan kandungan elemen padanan pertama.

Sintaks

$(selector).html()

Salin selepas log masuk

Tetapkan kandungan elemen

Apabila anda menetapkan nilai menggunakan kaedah ini, ia akan menimpa kandungan semua elemen padanan.

Sintaks

$(selector).html(content)

Salin selepas log masuk

kandungan Pilihan. Menentukan kandungan baharu elemen yang dipilih. Parameter ini boleh mengandungi teg HTML.

Gunakan fungsi untuk menetapkan kandungan elemen

Gunakan fungsi untuk menetapkan kandungan semua elemen padanan.

Sintaks

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

Salin selepas log masuk

fungsi(indeks, kandungan lama) menentukan fungsi yang mengembalikan kandungan baharu elemen yang dipilih.

indeks - Pilihan. Menerima kedudukan indeks pemilih.

kandungan lama - Pilihan. Menerima kandungan semasa pemilih.

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(){
    $("p").html("这是<b>新的</b>内容");
  });
});
</script>
</head>
<body>
<p>这是旧的内容</p>
<p>这也是旧的内容</p>
<button class="btn1">改变 p 元素的内容</button>
</body>
</html>

Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk menggantikan kandungan dalam tag dengan jquery

Selepas mengklik butang:

Bagaimana untuk menggantikan kandungan dalam tag dengan jquery

Tutorial video berkaitan yang disyorkan: tutorial video jQuery

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