Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengubah suai nilai atribut tertentu dalam jquery
Dalam jquery, anda boleh menggunakan kaedah attr() untuk mengubah suai nilai atribut yang ditentukan Kaedah ini boleh menetapkan nilai atribut bagi elemen yang dipilih nama","Nilai Atribut ")" atau "$(selector).attr({nama atribut: nilai atribut})".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.
Dalam jquery, anda boleh menggunakan kaedah attr() untuk mengubah suai nilai atribut yang ditentukan. Kaedah
attr() menetapkan atau mengembalikan nilai atribut bagi elemen yang dipilih. Bergantung pada parameter kaedah, cara ia berfungsi juga berbeza.
Sintaks untuk menetapkan nilai atribut:
$(selector).attr(attribute,value) //单个属性/值对 $(selector).attr({attribute:value, attribute:value ...}) //多个属性/值对
Contoh:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("img").attr("width","380"); }); }); </script> </head> <body> <img src="img/1.jpg" style="max-width:90%" / alt="Bagaimana untuk mengubah suai nilai atribut tertentu dalam jquery" > <br /> <button>设置图像的 width 属性</button> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("img").attr({width:"300",height:"350"}); }); }); </script> </head> <body> <img src="img/1.jpg" style="max-width:90%" / alt="Bagaimana untuk mengubah suai nilai atribut tertentu dalam jquery" > <br /> <button>设置图像的 width 和 height 属性</button> </body> </html>
[Pembelajaran yang disyorkan: tutorial video jQuery, bahagian hadapan web]
Atas ialah kandungan terperinci Bagaimana untuk mengubah suai nilai atribut tertentu dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!