Bolehkah jquery menambah atribut pada imej?-Soal Jawab bahagian hadapan-php.cn

Bolehkah jquery menambah atribut pada imej?

青灯夜游

Lepaskan： 2022-05-16 17:48:53

asal

1965 orang telah melayarinya

jquery boleh menambah atribut pada imej. Dua kaedah penambahan: 1. Gunakan attr() untuk menambah atribut pada elemen img, sintaksnya ialah "$("img").attr("Nama Atribut", "Nilai""; 2. Gunakan prop() untuk menambah atribut kepada elemen gambar , sintaksnya ialah "$("img").prop("property name","value")".

Bolehkah jquery menambah atribut pada imej?

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

Terdapat dua kaedah dalam jquery untuk menetapkan atribut

attr()
prop()

1. Gunakan kaedah attr()

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

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

$("img").attr("属性名","属性值");

Salin selepas log masuk

Contoh:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("img").attr("align","right");
				});
			});
		</script>
	</head>
	<body>
		<img  src="img/1.jpg"    style="max-width:90%" alt="Bolehkah jquery menambah atribut pada imej?" ><br>
		<br><br>
		<button>给图片添加align属性，设置右对齐</button>
	</body>
</html>

Salin selepas log masuk

Bolehkah jquery menambah atribut pada imej?

2. Gunakan prop()

prop() Kaedahnya adalah sama seperti attr(), dan juga menetapkan atau mengembalikan atribut dan nilai elemen yang dipilih.

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

Sintaks:

$("img").prop("属性名","属性值");

Salin selepas log masuk

Contoh:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("img").prop("alt","图像的替代文本");
				});
			});
		</script>
	</head>
	<body>
		<img  src="img/1.jpg"    style="max-width:90%" alt="Bolehkah jquery menambah atribut pada imej?" ><br>
		<br><br>
		<button>给图片添加alt属性</button>
	</body>
</html>

Salin selepas log masuk

Bolehkah jquery menambah atribut pada imej?

Pengetahuan lanjutan: elemen imej img

mentakrifkan imej dalam halaman HTML. Teg

mempunyai dua atribut yang diperlukan: src dan alt.

Atribut teg:

HTML5 tidak disokong. HTML 4.01 ditamatkan. Menentukan cara imej disusun berbanding dengan teks sekeliling.

Atribut

Nilai

Penerangan

sejajarkan

atas
bawah
tengah
kiri
kanan

memuatkan

bersemangat: memuatkan segera
malas: melengahkan pemuatan

Menentukan sama ada penyemak imbas harus memuatkan imej dengan segera atau malas.

alt

text

Menentukan teks alternatif untuk imej.

sempadan

piksel

HTML5 tidak disokong. HTML 4.01 ditamatkan.

属性	值	描述
align	top bottom middle left right	HTML5 不支持。HTML 4.01 已废弃。规定如何根据周围的文本来排列图像。
loading	eager：立即加载 lazy：延迟加载	指定浏览器是应立即加载图像还是延迟加载图像。
alt	text	规定图像的替代文本。
border	pixels	HTML5 不支持。HTML 4.01 已废弃。规定图像周围的边框。
crossorigin	anonymous use-credentials	设置图像的跨域属性
height	pixels	规定图像的高度。
hspace	pixels	HTML5 不支持。HTML 4.01 已废弃。规定图像左侧和右侧的空白。
ismap	ismap	将图像规定为服务器端图像映射。
longdesc	URL	HTML5 不支持。HTML 4.01 已废弃。指向包含长的图像描述文档的 URL。
src	URL	规定显示图像的 URL。
usemap	#mapname	将图像定义为客户器端图像映射。
vspace	pixels	HTML5 不支持。HTML 4.01 已废弃。规定图像顶部和底部的空白。
width	pixels	规定图像的宽度。

Menentukan sempadan di sekeliling imej.

asal silang

tanpa nama
use-credentials

Tetapkan atribut merentas domain imej

ketinggian

piksel

Menentukan ketinggian imej.

hspace

piksel

HTML5 tidak disokong. HTML 4.01 ditamatkan.

Menentukan jidar di sebelah kiri dan kanan imej.

ismap

Menentukan imej sebagai peta imej sebelah pelayan.

longdesc

URL

HTML5 tidak disokong. HTML 4.01 ditamatkan. Menuding ke URL yang mengandungi dokumen perihalan imej yang panjang.

src

URL

Menentukan URL untuk memaparkan imej.

usemap

#mapname

Mentakrifkan imej sebagai peta imej sebelah klien.

vspace

piksel

HTML5 tidak disokong. HTML 4.01 ditamatkan. Menentukan margin di bahagian atas dan bawah imej.

lebar

piksel

Menentukan lebar imej.

[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Bolehkah jquery menambah atribut pada imej?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!