jquery menetapkan nilai atribut src untuk img

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

1. Gunakan kaedah attr

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

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

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

Sudah tentu, anda juga boleh memilih teg 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 , kaedah prop juga boleh digunakan. Contohnya:

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

Serupa dengan kaedah attr, kami juga boleh memilih teg 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 Contohnya:

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

Dalam kod di atas, kami memperoleh teg 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 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!