Opérations sur les attributs inhérents aux éléments jquery : prop() et removeProp()-js tutoriel-php.cn

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

无忌哥哥

Libérer： 2018-06-29 11:49:38

original

1714 Les gens l'ont consulté

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>

Copier après la connexion

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;)

Copier après la connexion

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

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

Copier après la connexion

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;)

Copier après la connexion

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;)

Copier après la connexion

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;)

Copier après la connexion

Supprimez l'attribut personnalisé data-nation

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

Copier après la connexion

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

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

Copier après la connexion

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

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

Copier après la connexion

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;)

Copier après la connexion

Résultats de la requête de la console

console.log(res)

Copier après la connexion

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!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

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