Rumah > Artikel > hujung hadapan web > Apakah yang perlu saya lakukan jika label tidak boleh diberikan nilai dalam jquery?
Apakah yang perlu saya lakukan jika label tidak boleh diberikan nilai dalam jquery?
- WBOYasal
- 2022-06-02 10:25:152030semak imbas
Kaedah: 1. Gunakan kaedah text(), yang boleh menetapkan atau mengembalikan kandungan elemen yang dipilih Sintaks ialah "label element object.text("assigned content""; () Kaedah, kaedah ini juga boleh menetapkan kandungan elemen, sintaks adalah "elemen label object.html ("kandungan yang diberikan").
Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.
Penugasan label dalam jquery
Dalam jquery, dengan mendapatkan objek label, anda boleh menetapkan nilai pada label menggunakan kaedah text() untuk menukar kandungannya.
1. Kaedah text() menetapkan atau mengembalikan kandungan teks elemen yang dipilih.
Apabila kaedah ini digunakan untuk mengembalikan kandungan, kandungan teks semua elemen yang sepadan dikembalikan (teg HTML dialih keluar).
Apabila kaedah ini digunakan untuk menetapkan kandungan, kandungan semua elemen padanan akan ditindih.
Kembalikan kandungan teks:
$(selector).text()
Tetapkan kandungan teks:
$(selector).text(content)
Gunakan fungsi untuk menetapkan kandungan teks:
$(selector).text(function(index,currentcontent))
Contohnya adalah seperti berikut:
Buat fail html baharu, bernama test.html, untuk menerangkan cara jquery memberikan nilai kepada label. Hanya selepas memperkenalkan fail perpustakaan jquery.min.js dan berjaya memuatkan fail, anda boleh menggunakan kaedah dalam jquery. Dalam teg p, gunakan teg label untuk mencipta baris teks, dan di belakang teg label, gunakan teg input untuk membuat kotak input teks.
Buat butang menggunakan label butang dan nama butang ialah "Tetapkan nilai pada label". Ikat peristiwa klik onclick pada butang butang Apabila butang diklik, fungsi setlabel() dilaksanakan.
Dalam teg js, cipta fungsi setlabel() dalam fungsi, dapatkan objek melalui nama elemen label dan gunakan kaedah text() untuk menetapkan nilai pada label. . Contohnya, tetapkan nilai pada label sebagai "nama pengguna: ".
Buka fail test.html dalam penyemak imbas, klik butang untuk melihat kesannya.
Ringkasan:
1.
2. Dalam fail, gunakan tag label untuk mencipta baris teks dan butang butang untuk mencetuskan pelaksanaan fungsi js.
3. Dalam teg js, buat fungsi dalam fungsi, dapatkan objek melalui nama elemen label dan gunakan kaedah text() untuk menetapkan nilai pada label.
Selain menggunakan kaedah text(), anda juga boleh menggunakan kaedah html() untuk menetapkan nilai pada label.
2. Gunakan kaedah html() untuk menetapkan nilai pada label.
Contohnya adalah seperti berikut:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("label").html("Hello world!");
});
});
</script>
</head>
<body>
<button>设置所有label元素的文本内容</button>
<p>这是一个段落。</p>
<label for="male">Male</label>
<p>这是另一个段落。</p>
<label for="female">Female</label>
</body>
</html>Hasil output:
Cadangan tutorial video: jQuery tutorial video
Atas ialah kandungan terperinci Apakah yang perlu saya lakukan jika label tidak boleh diberikan nilai dalam jquery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!