Bagaimana untuk menukar nilai objek elemen dalam jquery

Cara menukar nilai objek dalam jquery: 1. Gunakan pernyataan "$(elemen)" untuk mendapatkan objek elemen yang ditentukan 2. Gunakan kaedah val() untuk menukar nilai objek elemen yang diperolehi . Sintaks ialah "objek elemen. val(nilai baharu)".

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.0, komputer Dell G3.

Bagaimana jquery menukar nilai objek elemen

Dalam jquery, anda boleh menggunakan kaedah val() untuk menukar nilai objek, kaedah val() Mengembalikan atau menetapkan nilai elemen yang dipilih. Nilai elemen ditetapkan melalui atribut nilai. Kaedah ini kebanyakannya digunakan untuk elemen input. Jika kaedah ini tidak menetapkan parameter, ia mengembalikan nilai semasa elemen yang dipilih.

Sintaks kaedah ini ialah:

$(selector).val(value)

Mari kita ambil contoh untuk melihat cara menukar nilai objek Contohnya adalah seperti berikut:

1. Cipta fail HTML baharu, bernama test.html, digunakan untuk menerangkan cara jquery mengubah nilai input. Dalam teg p, gunakan teg input untuk mencipta kotak input teks dan tetapkan nilai kepada "nilai lalai". Tetapkan atribut id input kepada testinput, yang digunakan terutamanya untuk mendapatkan objek input melalui id ini di bawah.

Gunakan teg butang untuk mencipta butang dengan nama butang "Tukar nilai". Ikat peristiwa klik onclick pada butang butang Apabila butang diklik, fungsi setny() dilaksanakan.

2 Dalam teg js, cipta fungsi setny() dalam fungsi, dapatkan objek input melalui id (testinput) dan gunakan kaedah val() untuk mengubahsuai nilai input. Sebagai contoh, tetapkan nilai kepada "Ini ialah nilai baharu".

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

Selepas mengklik butang:

Ringkasan:

1 fail .

2. Dalam fail, gunakan teg input untuk mencipta kotak input teks, tetapkan nilai kepada "nilai lalai", dan buat butang butang untuk mencetuskan pelaksanaan fungsi js.

3. Dalam teg js, cipta fungsi dalam fungsi, dapatkan objek input dan gunakan kaedah val() untuk mengubah suai nilai input.

Nota: Kaedah

val() bukan sahaja boleh mengubah suai nilai input, tetapi juga mendapatkan nilai input.

Tutorial video berkaitan yang disyorkan: Tutorial video jQuery

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