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?

WBOY
WBOYasal
2022-06-02 10:25:152048semak 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").

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

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

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?

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

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:

 3.gif

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn