Bagaimana untuk mengubah suai atribut tajuk elemen dalam jquery

青灯夜游
Lepaskan: 2022-04-20 19:00:45
asal
3911 orang telah melayarinya

Kaedah pengubahsuaian: 1. Gunakan attr() untuk menetapkan nilai atribut yang ditentukan bagi elemen yang dipilih Sintaks ialah "elemen object.attr("title","new value"". nilai akan menimpa nilai lama Nilai; 2. Gunakan prop() untuk menetapkan nilai atribut yang ditetapkan untuk koleksi elemen yang sepadan, sintaksnya ialah "elemen object.prop("title","new value"".

Bagaimana untuk mengubah suai atribut tajuk elemen dalam jquery

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

Atribut tajuk bagi elemen

Atribut tajuk menentukan maklumat tambahan tentang elemen.

Maklumat ini biasanya memaparkan teks petua alat apabila tetikus dialihkan ke atas elemen.

Petua: Atribut tajuk sering digunakan dengan bentuk dan elemen untuk memberikan maklumat tentang format input dan sasaran pautan. Ia juga merupakan sifat yang diperlukan bagi unsur abbr dan akronim.

Jadi bagaimana untuk menggunakan jquery untuk mengubah suai atribut tajuk sesuatu elemen?

Dalam jquery, anda boleh menggunakan dua kaedah untuk mengubah suai atribut tajuk

  • attr()

  • prop ()

1 Gunakan kaedah attr() untuk mengubah suai atribut tajuk

kaedah attr() menetapkan nilai atribut yang ditentukan. daripada elemen yang dipilih

juga mempunyai dua format sintaks:

//设置单个属性值
$(selector).attr("属性名","属性值")

//设置一个或多个属性值
$(selector).attr({属性名:属性值, 属性名:属性值, ...})
Salin selepas log masuk

Jika anda ingin mengubah suai atribut tajuk sesuatu elemen, anda boleh menggunakan format sintaks pertama secara langsung.

Contoh:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("div").attr("title","新title值");
				});
			});
		</script>
	</head>

	<body>
		<div title="这是title属性">这是一个测试文本</div>
		<br><br>
		<button>修改元素的title属性</button>
	</body>

</html>
Salin selepas log masuk

Bagaimana untuk mengubah suai atribut tajuk elemen dalam jquery

2. Gunakan kaedah prop() untuk mengubah suai atribut tajuk

prop( ) kaedah menetapkan atau mengembalikan sifat 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, ia menetapkan satu atau lebih pasangan atribut/nilai untuk set elemen padanan.

Sintaks:

$(selector).prop("属性名","属性值")
Salin selepas log masuk

Nota: Kaedah prop() hendaklah digunakan untuk mendapatkan semula nilai sifat, seperti sifat DOM (seperti selectedIndex, tagName, nodeName , nodeType, ownerDocument , defaultChecked dan defaultSelected).

Contoh:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("div").prop("title","新title值");
				});
			});
		</script>
	</head>

	<body>
		<div title="旧title属性">这是一个测试文本</div>
		<br><br>
		<button>修改元素的title属性</button>
	</body>

</html>
Salin selepas log masuk

Bagaimana untuk mengubah suai atribut tajuk elemen dalam jquery

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

Atas ialah kandungan terperinci Bagaimana untuk mengubah suai atribut tajuk elemen dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!