Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk menggantikan kandungan dalam tag dengan jquery
Bagaimana untuk menggantikan kandungan dalam tag dengan jquery
- WBOYasal
- 2022-01-14 11:24:124278semak imbas
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").
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()
Tetapkan kandungan elemen
Apabila anda menetapkan nilai menggunakan kaedah ini, ia akan menimpa kandungan semua elemen padanan.
Sintaks
$(selector).html(content)
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))
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>Hasil keluaran:
Selepas mengklik butang:
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!