Maison >interface Web >js tutoriel >Opérations sur les attributs inhérents aux éléments jquery : prop() et removeProp()

Opérations sur les attributs inhérents aux éléments jquery : prop() et removeProp()

无忌哥哥
无忌哥哥original
2018-06-29 11:49:381778parcourir

Opérations sur les attributs intrinsèques des éléments jquery : prop() et removeProp()

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2.元素固有属性的操作:prop()和removeProp()</title>
</head>
<body>
<img src="../images/fbb.jpg" width="200" alt="美女" title="明星" id="pic" data-nation="中国">
</body>

1.prop() : ne peut obtenir que les attributs intrinsèques des éléments

Obtenir les attributs intrinsèques attribut alt, title

var res = $(&#39;#pic&#39;).prop(&#39;alt&#39;)
var res = $(&#39;#pic&#39;).prop(&#39;title&#39;)

obtient l'attribut personnalisé data-nation, renvoie undéfini et ne peut pas obtenir

var res = $(&#39;#pic&#39;).prop(&#39;data-nation&#39;)

Mais comment utiliser prop() pour définir dynamiquement l'attribut personnalisé. , cela peut fonctionner normalement Obtenez

var res = $(&#39;#pic&#39;).prop(&#39;data-nation&#39;,&#39;中国山东&#39;)

Vérifiez l'élément à ce moment et constatez que l'attribut personnalisé n'a pas changé, ce paramètre n'a donc aucun effet sur l'élément

Vérifiez l'attribut personnalisé valeur à nouveau pour le moment, il s'agit simplement d'une donnée temporaire qui existe dans le script actuel

var res = $(&#39;#pic&#39;).prop(&#39;data-nation&#39;)

2.removeProp()

Cette méthode est différente de removeAttr() en deux points :

1. Chaîne de liste d'attributs séparés par des espaces non prise en charge, c'est-à-dire qu'un seul attribut peut être supprimé à la fois

2. Il ne peut pas supprimer les attributs natifs si vous voulez vraiment le supprimer. , définissez simplement la valeur sur false.

ne peut pas être supprimé en même temps Supprimez plusieurs attributs, cette instruction n'est donc pas valide

var res = $(&#39;#pic&#39;).removeProp(&#39;alt data-nation&#39;)

Supprimez l'attribut personnalisé data-nation

var res = $(&#39;#pic&#39;).removeProp(&#39;data-nation&#39;)

Supprimez l'attribut natif alt, la suppression a échoué

var res = $(&#39;#pic&#39;).removeProp(&#39;alt&#39;)

Utilisez RemoveAttr() pour supprimer l'attribut natif alt et la suppression est réussie

var res = $(&#39;#pic&#39;).removeAttr(&#39;alt&#39;)

Donc, si vous souhaitez utiliser RemoveProp() pour supprimer l'attribut natif, dans la plupart des cas, définissez simplement la valeur sur false

Enfin traité par le script utilisateur

var res = $(&#39;#pic&#39;).prop(&#39;alt&#39;,false)
var res = $(&#39;#pic&#39;).prop(&#39;alt&#39;)

Résultats de la requête de la console

console.log(res)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn