Cara menukar atribut img src dalam jquery: 1. Gunakan atribut attr(), sintaks "$("img").attr("src","alamat fail imej""; () kaedah, sintaks "$("img").prop("src","alamat fail imej")".
Persekitaran pengendalian tutorial ini: sistem windows7, versi jquery3.6.1, komputer Dell G3.
Bagaimanakah jquery menukar atribut src img Kaedah >attr() menetapkan atau mengembalikan nilai atribut elemen yang dipilih.
Kaedah 2: Gunakan kaedah prop()
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-3.6.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { $("img").attr("src","img/2.jpg"); }); }); </script> </head> <body> <img id="img" src="img/1.jpg" style="max-width:90%"/ alt="Bagaimana untuk menukar atribut src img dalam jquery" ><br><br><br> <button>更改img src属性值(换图)</button> </body> </html>
[Pembelajaran yang disyorkan:
tutorial video jQuery,
video pengenalan bahagian hadapan web<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-3.6.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { $("img").prop("src","img/3.jpg"); }); }); </script> </head> <body> <img id="img" src="img/1.jpg" style="max-width:90%"/ alt="Bagaimana untuk menukar atribut src img dalam jquery" ><br><br><br> <button>更改img src属性值(换图)</button> </body> </html>
Atas ialah kandungan terperinci Bagaimana untuk menukar atribut src img dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!