Comment modifier les options de données dans jquery

Dans jquery, vous pouvez utiliser la méthode attr() pour modifier l'attribut "data-options". Cette méthode peut définir ou renvoyer les attributs et les valeurs de l'élément spécifié. Cet attribut est utilisé pour stocker des données personnalisées privées de. la page ou l'application. La syntaxe est "element object.attr("data-options", "selected:false")".

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Comment modifier les options de données dans jquery

Définition et utilisation de l'attribut HTML5 data-* :

les attributs data-* sont utilisés pour stocker les données personnalisées privées d'une page ou d'une application. Les attributs

data-* nous donnent la possibilité d'intégrer des attributs de données personnalisés sur tous les éléments HTML.

Les données stockées (personnalisées) peuvent être exploitées dans le JavaScript de la page pour créer une meilleure expérience utilisateur (sans effectuer d'appels Ajax ni de requêtes de base de données côté serveur).

Les attributs data-* comprennent deux parties :

Le nom de l'attribut ne doit contenir aucune lettre majuscule et il doit y avoir au moins un caractère après le préfixe "data-"

La valeur de l'attribut peut être n'importe quelle chaîne

Modification method:

jquery:

$div.attr("data-options", "selected:false");

attr() définit ou renvoie les attributs et les valeurs de l'élément sélectionné.

Lorsque cette méthode est utilisée pour renvoyer une valeur d'attribut, la valeur du premier élément correspondant est renvoyée.

Lorsque cette méthode est utilisée pour définir les valeurs d'attribut, une ou plusieurs paires attribut/valeur sont définies pour l'élément correspondant.

La syntaxe est

Renvoyer la valeur de l'attribut :

$(selector).attr(attribute)

Définir l'attribut et la valeur :

$(selector).attr(attribute,value)

Connaissances étendues :

1 Utilisez la méthode getAttribute setAttribute

div.setAttribute('data-options',{/＊数据＊/});
div.getAttribute("data-options")；

2. pour renvoyer une collection

div.dataset --> DOMStringMap { options:"{\"name\":\"John\"}", hidden:"true", lastValue:"43"}

Peut accéder, ajouter, supprimer

div.dataset.hidden
div.dataset.newAttr = "123"
delete div.dataset.hidden

3 Utilisez la méthode de données de jquery

.data( key, value )
.data( key, value )
.data( obj ) --> 设置多个键值对
.data( key )
.data( key )
.data() -->返回一个集合

La particularité de jQuery est qu'il convertira automatiquement la chaîne de valeur de retour dans le type de données correspondant.

Par exemple, $("div").data() ci-dessus --> {options : {"name":"John"}, caché : true, lastValue : 43 }

Remarque : Pour l'attribut de l'ensemble de données et Méthode de données jQuery : si le nom de l'attribut data contient un trait d'union, par exemple : data-last-value, le trait d'union sera supprimé et converti en nom de casse chameau. Le nom de l'attribut précédent doit être : lastValue après la conversion.

Recommandation de didacticiel vidéo : Tutoriel vidéo jQuery

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!