jquery menetapkan nilai atribut src untuk img

Dalam halaman web, selalunya perlu untuk memaparkan imej pada halaman Dalam kes ini, anda perlu menggunakan teg a1f02c36ba31691bcfe87b2722de723b Antaranya, atribut src bagi teg a1f02c36ba31691bcfe87b2722de723b digunakan untuk menentukan laluan sumber imej. Apabila membangun dengan jQuery, kami boleh menetapkan nilai atribut src teg a1f02c36ba31691bcfe87b2722de723b

1. Gunakan kaedah attr

Menggunakan kaedah attr jQuery, anda boleh mendapatkan dan menetapkan nilai atribut elemen HTML dengan mudah. Apabila menetapkan atribut src teg a1f02c36ba31691bcfe87b2722de723b, kami boleh menggunakan kaedah attr dengan cara berikut:

$("img").attr("src", "image.jpg")

Dalam kod di atas, kami memperoleh semua teg a1f02c36ba31691bcfe87b2722de723b jQuery selector , dan kemudian tetapkan atribut src mereka kepada "image.jpg" melalui kaedah attr.

Sudah tentu, anda juga boleh memilih teg a1f02c36ba31691bcfe87b2722de723b tertentu melalui atribut lain, contohnya:

$("img.thumbnail").attr("src", "image.jpg")

Dalam kod di atas, kami memilih semua< ; teg dan tetapkan atribut srcnya kepada "image.jpg".

2. Gunakan kaedah prop

Kaedah prop digunakan terutamanya untuk mendapatkan dan menetapkan nilai atribut unsur HTML, tetapi perbezaannya ialah ia digunakan untuk menetapkan Boolean sifat-sifat. Untuk atribut src teg a1f02c36ba31691bcfe87b2722de723b, kaedah prop juga boleh digunakan. Contohnya:

$("img").prop("src", "image.jpg")

Serupa dengan kaedah attr, kami juga boleh memilih teg a1f02c36ba31691bcfe87b2722de723b tertentu melalui atribut lain, contohnya:

$("img.thumbnail").prop("src", "image.jpg")

3 > Selain menggunakan kaedah attr dan kaedah prop, kami juga boleh menetapkan atribut src bagi teg a1f02c36ba31691bcfe87b2722de723b Contohnya:

$("img")[0].src = "image.jpg"

Dalam kod di atas, kami memperoleh teg a1f02c36ba31691bcfe87b2722de723b pertama melalui pemilih jQuery, dan menetapkan atribut srcnya kepada "image.jpg" terus melalui JavaScript.

Ringkasan

Melalui kaedah di atas, kita boleh menetapkan atribut src bagi teg a1f02c36ba31691bcfe87b2722de723b Antaranya, kaedah attr dan kaedah prop adalah lebih ringkas dan mudah difahami, serta lebih selaras dengan idea pengaturcaraan jQuery. Walaupun kaedah penugasan langsung boleh mencapai kesan yang sama, ia sedikit tidak konsisten dengan idea pengaturcaraan jQuery. Oleh itu, apabila membangun dengan jQuery, adalah disyorkan untuk menggunakan kaedah attr atau kaedah prop untuk menetapkan nilai atribut elemen HTML.

Atas ialah kandungan terperinci jquery menetapkan nilai atribut src untuk img. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!