Rumah > Artikel > hujung hadapan web > Bagaimana untuk menukar atribut nilai dalam jquery
3 kaedah: 1. Gunakan "elemen object.val("new value")" untuk mengubah suai atribut value; 2. Gunakan "element object.attr("value","new value" )", anda boleh mengubah suai nilai atribut nilai; 3. Gunakan "elemen object.removeAttr("value")" untuk memadamkan atribut nilai.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.
Atribut nilai HTML
Atribut nilai menentukan nilai elemen Atribut nilai mempunyai penggunaan yang berbeza untuk jenis input yang berbeza:
Untuk jenis "butang", "set semula", "serahkan" - tentukan teks pada butang
Untuk jenis "teks", "kata laluan", "tersembunyi" - mentakrifkan nilai awal (lalai) medan input
Untuk "kotak semak", "radio" , "image " Type - Mentakrifkan nilai yang dikaitkan dengan elemen input yang dihantar ke URL tindakan borang apabila borang diserahkan.
Atribut nilai diperlukan untuk dan . Atribut nilai tidak digunakan pada
3 cara untuk menukar atribut nilai dalam jquery:
Gunakan val() untuk mengubah suai nilai atribut nilai
Gunakan attr() untuk mengubah suai nilai atribut nilai
Gunakan removeAttr() untuk memadamkan atribut nilai
1. Gunakan val() untuk mengubah suai nilai atribut value
Kaedah val() mengembalikan atau menetapkan nilai elemen yang dipilih. Nilai elemen ditetapkan melalui atribut nilai. Kaedah ini kebanyakannya digunakan untuk elemen input.
Contoh: Kosongkan nilai atribut nilai
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("button").click(function() { $("input").val(""); }); }); </script> </head> <body> <p>用户名: <input type="text" name="user" value="李华" /></p> <p>密 码: <input type="password" name="password" value="123456" /></p> <button>修改value的值</button> <p>清空所有input元素的value属性值</p> </body> </html>
2. Gunakan attr() untuk mengubah suai nilai atribut nilai
$(document).ready(function() { $("button").click(function() { $("input").attr("value","hello"); }); });
3 Gunakan removeAttr() untuk memadamkan atribut nilai
removeAttr() digunakan untuk. padamkan atribut yang ditentukan bagi elemen yang dipilih
$(document).ready(function() { $("button").click(function() { $("input").removeAttr("value"); }); });
[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]
Atas ialah kandungan terperinci Bagaimana untuk menukar atribut nilai dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!