cari

Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk menggantikan laluan imej dengan jquery

Bagaimana untuk menggantikan laluan imej dengan jquery

WBOY
WBOYasal
2022-06-13 16:21:403359semak imbas

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)

Tetapkan atribut dan nilai:

$(selector).attr(attribute,value)

Tetapkan atribut dan nilai menggunakan fungsi:

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

Tetapkan berbilang atribut dan nilai: 

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

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>

Hasil output:

1.gif

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!

jquery Attribute function 对象
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Apakah bahasa yang digunakan oleh vue dan jquery?Artikel seterusnya：Apakah bahasa yang digunakan oleh vue dan jquery?

Artikel berkaitan

Lihat lagi