Apakah yang perlu saya lakukan jika label tidak boleh diberikan nilai dalam jquery?-Soal Jawab bahagian hadapan-php.cn

Apakah yang perlu saya lakukan jika label tidak boleh diberikan nilai dalam jquery?

WBOY

Lepaskan： 2022-06-02 10:25:15

asal

2043 orang telah melayarinya

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").

Apakah yang perlu saya lakukan jika label tidak boleh diberikan nilai dalam jquery?

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()

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

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: ".

Apakah yang perlu saya lakukan jika label tidak boleh diberikan nilai dalam jquery?

Buka fail test.html dalam penyemak imbas, klik butang untuk melihat kesannya.

Apakah yang perlu saya lakukan jika label tidak boleh diberikan nilai dalam jquery?

Ringkasan:

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>

Salin selepas log masuk

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!