Bagaimana untuk menukar kandungan h3 dengan jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menukar kandungan h3 dengan jquery

WBOY

Lepaskan： 2022-06-02 10:56:33

asal

2329 orang telah melayarinya

Kaedah: 1. Gunakan kaedah teks untuk menukar kandungan h3 Kaedah ini boleh menetapkan atau mengembalikan kandungan elemen h3 . Gunakan kaedah html untuk menukar Kandungan h3, kaedah ini juga boleh menetapkan atau mengembalikan kandungan elemen h3, sintaksnya ialah "objek elemen h3.html (kandungan diubah)".

Bagaimana untuk menukar kandungan h3 dengan jquery

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

jquery menukar kandungan h3

1. Kaedah html() menetapkan atau mengembalikan kandungan elemen yang dipilih (innerHTML).

Apabila kaedah ini digunakan untuk mengembalikan kandungan, kandungan elemen padanan pertama dikembalikan.

Apabila kaedah ini digunakan untuk menetapkan kandungan, kandungan semua elemen padanan akan ditindih.

Petua: Jika anda hanya perlu menetapkan atau mengembalikan kandungan teks elemen yang dipilih, gunakan kaedah text().

Sintaks

Kembali kandungan:

$(selector).html()

Salin selepas log masuk

Tetapkan kandungan:

$(selector).html(content)

Salin selepas log masuk

Gunakan fungsi untuk menetapkan kandungan:

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

Salin selepas log masuk

2. Tetapkan atau kembalikan kandungan teks elemen yang dipilih Gunakan kaedah text()

kaedah text() untuk menetapkan atau mengembalikan kandungan teks elemen yang dipilih.

Apabila kaedah ini digunakan untuk mengembalikan kandungan, kandungan teks semua elemen padanan dikembalikan (teg HTML dialih keluar).

Apabila kaedah ini digunakan untuk menetapkan kandungan, kandungan semua elemen padanan akan ditindih.

Petua: Untuk menetapkan atau mengembalikan innerHTML (teg HTML teks) elemen yang dipilih, gunakan kaedah html().

Sintaks

Kembalikan kandungan teks

$(selector).text()

Salin selepas log masuk

Tetapkan kandungan teks:

$(selector).text(content)

Salin selepas log masuk

Gunakan fungsi untuk menetapkan kandungan teks:

$(selector).text(function(index,currentcontent))

Salin selepas log masuk

Contoh adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-js"></script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $("#test1").text("这是h3的新内容");
  });
  $("#btn2").click(function(){
    $("#test2").html("<b>这也是h3的新内容</b>");
  });
});
</script>
</head>
<body>
<h3 id="test1">这是段落。</h3>
<h3 id="test2">这是另一个段落。</h3>
<button id="btn1">text方法设置</button>
<button id="btn2">HTML方法设置</button>
</body>
</html>

Salin selepas log masuk

Hasil keluaran:

Cadangan tutorial video: jQuery tutorial video

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