Rumah  >  Artikel  >  hujung hadapan web  >  Bolehkah jquery menambah atribut pada imej?

Bolehkah jquery menambah atribut pada imej?

青灯夜游
青灯夜游asal
2022-05-16 17:48:531921semak imbas

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("属性名","属性值");

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>

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("属性名","属性值");

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>

Bolehkah jquery menambah atribut pada imej?

Pengetahuan lanjutan: elemen imej img

Bolehkah jquery menambah atribut pada imej? mentakrifkan imej dalam halaman HTML. Teg

Bolehkah jquery menambah atribut pada imej? mempunyai dua atribut yang diperlukan: src dan alt.

Bolehkah jquery menambah atribut pada imej? 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 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!

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