Comment modifier l'attribut title d'un élément dans jquery-Questions et réponses frontales-php.cn

Comment modifier l'attribut title d'un élément dans jquery

青灯夜游

Libérer： 2022-04-20 19:00:45

original

4004 Les gens l'ont consulté

Méthode de modification : 1. Utilisez attr() pour définir la valeur de l'attribut spécifié de l'élément sélectionné. La syntaxe est "element object.attr("title","new value")". ancienne valeur ; 2. En utilisant prop(), vous pouvez définir la valeur d'attribut spécifiée pour la collection d'éléments correspondant, la syntaxe est "element object.prop("title","new value")".

Comment modifier l'attribut title d'un élément dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

L'attribut title de l'élément

L'attribut title spécifie des informations supplémentaires sur l'élément.

Ces informations affichent généralement un texte d'info-bulle lorsque la souris est déplacée sur l'élément.

Astuce : L'attribut title est souvent utilisé avec les éléments form et a pour fournir des informations sur le format d'entrée et la cible du lien. Il s’agit également d’un attribut obligatoire des éléments abbr et acronyme.

Alorscomment utiliser jquery pour modifier l'attribut title d'un élément ?

Dans jquery, vous pouvez utiliser deux méthodes pour modifier l'attribut title

attr()
prop()

1 Utilisez la méthode attr() pour modifier l'attribut title

. La méthode

attr( ) définit la valeur de l'attribut spécifié de l'élément sélectionné. Il existe également deux formats de syntaxe :

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

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

Copier après la connexion

Si vous souhaitez modifier l'attribut title de l'élément, vous pouvez directement utiliser le premier format de syntaxe.

Exemple :

<!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>

Copier après la connexion

Comment modifier lattribut title dun élément dans jquery

2. Utilisez la méthode prop() pour modifier l'attribut title

La méthode prop() définit ou renvoie les attributs et les valeurs de l'élément sélectionné.

$(selector).prop("属性名","属性值")

Copier après la connexion

Remarque : La méthode prop() doit être utilisée pour récupérer les valeurs de propriété, telles que les propriétés DOM (telles que selectedIndex, tagName, nodeName, nodeType,ownerDocument, defaultChecked et defaultSelected).

Exemple :

<!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>

Copier après la connexion

Comment modifier lattribut title dun élément dans jquery 【Apprentissage recommandé :