Apakah perbezaan antara attr dan val dalam jquery

Perbezaan: 1. Kaedah val boleh mendapatkan nilai yang dimasukkan secara manual, tetapi kaedah attr tidak boleh 2. Jika anda menggunakan val untuk menetapkan nilai, anda boleh menggunakan kaedah val untuk mendapatkannya, tetapi attr kaedah tidak boleh mendapatkannya; 3. Gunakan Apabila attr diberikan nilai, jika nilai input diubah secara manual, val boleh memperoleh nilai terkini, manakala attr masih memperoleh nilai awal.

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Apakah perbezaan antara attr dan val dalam jquery? .val boleh mendapatkan nilai yang dimasukkan secara manual, attr tidak Ya

2 Gunakan val untuk menetapkan nilai, val boleh mendapatkan nilai, attr tidak boleh

3 val dan attr boleh mendapatkan nilai, jika anda menukar nilai input secara manual, val boleh Dapatkan nilai terkini yang dibaca attr masih merupakan nilai yang ditetapkan kepada attr pada permulaan

Masukkan nombor secara manual dahulu

.

dan kemudian gunakan val() dan attr masing-masing ("nilai") mencetak

console.log("这个是val： "+$("#jibengongzi").val());
console.log("这个是attr："+$("#jibengongzi").attr("value"));

Ia boleh. melihat bahawa attr("value") tidak boleh mendapatkan nilai yang dimasukkan secara manual

Gunakan next val() untuk menetapkan nilai (ruleForm.jibengongzi ialah nombor)

dan kemudian mencetaknya

$("#jibengongzi").val(ruleForm.jibengongzi);

dan kemudian gunakan attr untuk menetapkan nilai

$("#jibengongzi").attr("value",ruleForm.jibengongzi);

Selain itu, terdapat pepijat dalam attr semasa gunakan, yang menghalang saya daripada menggunakan js untuk menetapkan nilai ke kotak input Saya tidak tahu sebab khusus Jika saya menggunakan val, tidak akan ada masalah. Artikel ini hanyalah rekod pembelajaran peribadi Jika anda mempunyai sebarang soalan, sila tunjukkan dan pelajari serta maju bersama

Tutorial video berkaitan yang disyorkan:

Tutorial video jQuery

Atas ialah kandungan terperinci Apakah perbezaan antara attr dan val dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!