Bagaimana untuk menggantikan laluan imej dengan jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menggantikan laluan imej dengan jquery

WBOY

Lepaskan： 2022-06-17 19:40:45

asal

3331 orang telah melayarinya

Dalam jquery, anda boleh menggunakan kaedah attr() untuk menggantikan laluan imej Kaedah ini boleh menetapkan atau mengembalikan atribut dan nilai elemen yang dipilih Hanya tetapkan parameter pertama dalam kurungan atribut "src". , parameter kedua boleh ditetapkan ke laluan imej baharu dan sintaksnya ialah "elemen imej object.attr("src", "laluan imej diganti");".

Bagaimana untuk menggantikan laluan imej dengan jquery

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi jquery 3.6.0, komputer Dell G3.

jquery menggantikan laluan imej

kaedah attr() menetapkan atau mengembalikan atribut dan nilai elemen yang dipilih.

Apabila kaedah ini digunakan untuk mengembalikan nilai atribut, nilai elemen padanan pertama dikembalikan.

Apabila kaedah ini digunakan untuk menetapkan nilai atribut, satu atau lebih pasangan atribut/nilai ditetapkan untuk elemen padanan.

Sintaks

Kembalikan nilai atribut:

$(selector).attr(attribute)

Salin selepas log masuk

Tetapkan atribut dan nilai:

$(selector).attr(attribute,value)

Salin selepas log masuk

Tetapkan atribut dan nilai menggunakan fungsi:

$(selector).attr(attribute,function(index,currentvalue))

Salin selepas log masuk

Tetapkan berbilang atribut dan nilai:

$(selector).attr({attribute:value, attribute:value,...})

Salin selepas log masuk

atribut menentukan nama atribut.

nilai menentukan nilai atribut.

fungsi(indeks,nilai semasa) menentukan fungsi yang mengembalikan nilai atribut kepada koleksi
indeks - menerima kedudukan indeks unsur dalam koleksi.
nilai semasa - Menerima nilai atribut semasa bagi elemen yang dipilih.

Contohnya adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("img").attr("src","1118.02.png");
    });
});
</script>
</head>
<body>
<img src="1118.01.png" alt="Pulpit Rock">
<br>
<button>为图片替换路径</button>
</body>
</html>

Salin selepas log masuk

Hasil output:

Video tutorial cadangan: tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk menggantikan laluan imej dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!