Rumah > Artikel > hujung hadapan web > Bagaimana untuk menukar nilai butang dalam jquery
Cara menukar nilai butang dalam jquery: 1. Gunakan html() untuk menetapkan kandungan baharu bagi elemen yang ditentukan, dengan sintaks "$("butang").html("nilai kandungan baharu")" ; 2. Gunakan text( )Menetapkan kandungan teks baharu kepada elemen yang ditentukan, sintaksnya ialah "$("butang").text("nilai baharu"".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.
jquery menukar nilai butang
Kaedah pelaksanaan:
Gunakan $("button")
untuk dapatkan butang Elemen
Gunakan html() atau text() untuk mengubah suai nilai elemen yang dipilih
1. Gunakan kaedah html( )
html() boleh menetapkan kandungan (innerHTML) elemen yang dipilih.
<!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() { $(this).html("button新值"); }); }); </script> </head> <body> <button>修改button内容</button> </body> </html>
2 Gunakan kaedah text()
text() untuk menetapkan atau mengembalikan kandungan teks bagi elemen yang dipilih.
<!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() { $(this).text("Hello world!"); }); }); </script> </head> <body> <button>修改button内容</button> </body> </html>
[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]
Atas ialah kandungan terperinci Bagaimana untuk menukar nilai butang dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!