So ändern Sie das Titelattribut eines Elements in jquery

青灯夜游
Freigeben: 2022-04-20 19:00:45
Original
3911 Leute haben es durchsucht

Änderungsmethode: 1. Verwenden Sie attr(), um den Wert des angegebenen Attributs des ausgewählten Elements festzulegen. Die Syntax lautet „element object.attr(„title“, „new value“)“. alter Wert; 2. Mit prop() können Sie den angegebenen Attributwert für die passende Elementsammlung festlegen. Die Syntax lautet „element object.prop(“title“,„new value“)“.

So ändern Sie das Titelattribut eines Elements in jquery

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

Das Titelattribut des Elements

Das Titelattribut gibt zusätzliche Informationen über das Element an.

Diese Informationen zeigen normalerweise einen Tooltip-Text an, wenn die Maus über das Element bewegt wird.

Tipp: Das Titelattribut wird häufig mit Formular- und a-Elementen verwendet, um Informationen über das Eingabeformat und das Linkziel bereitzustellen. Es ist außerdem ein erforderliches Attribut der Elemente abbr und acronym.

AlsoWie verwende ich JQuery, um das Titelattribut eines Elements zu ändern?

In jquery können Sie zwei Methoden verwenden, um das Titelattribut zu ändern

  • attr()

  • prop()

1. Verwenden Sie die attr()-Methode, um das Titelattribut zu ändern

Die Methode

attr( ) legt den Wert des angegebenen Attributs des ausgewählten Elements fest. Es gibt auch zwei Syntaxformate:

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

//设置一个或多个属性值
$(selector).attr({属性名:属性值, 属性名:属性值, ...})
Nach dem Login kopieren

Wenn Sie das Titelattribut des Elements ändern möchten, können Sie direkt das erste Syntaxformat verwenden.

Beispiel:

<!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>
Nach dem Login kopieren

So ändern Sie das Titelattribut eines Elements in jquery

2. Verwenden Sie die prop()-Methode, um das Titelattribut zu ändern.

Die prop()-Methode legt die Attribute und Werte des ausgewählten Elements fest oder gibt sie zurück.


    Wenn diese Methode zur Rückgabe eines Attributwerts verwendet wird, wird der Wert des ersten übereinstimmenden Elements zurückgegeben.
  • Wenn diese Methode zum Festlegen von Attributwerten verwendet wird, werden ein oder mehrere Attribut-/Wertpaare für den Satz übereinstimmender Elemente festgelegt.
  • Syntax:
$(selector).prop("属性名","属性值")
Nach dem Login kopieren

Hinweis: Die prop()-Methode sollte verwendet werden, um Eigenschaftswerte wie DOM-Eigenschaften abzurufen (wie selectedIndex, tagName, nodeName, nodeType,ownerDocument, defaultChecked und defaultSelected).

Beispiel:

<!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>
Nach dem Login kopieren

So ändern Sie das Titelattribut eines Elements in jquery【Empfohlenes Lernen:

jQuery-Video-Tutorial

, Web-Frontend-Video

Das obige ist der detaillierte Inhalt vonSo ändern Sie das Titelattribut eines Elements in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!