Maison > interface Web > js tutoriel > le corps du texte

Opérations sur les attributs jquery et les attributs personnalisés : attr() et removeAttr()

无忌哥哥
Libérer: 2018-06-29 11:46:00
original
2347 Les gens l'ont consulté

Opérations sur les attributs jquery et les attributs personnalisés : attr() et removeAttr()

Connaissances préliminaires : lecteur, setter

Certaines fonctions peuvent être utilisées en fonction du nombre de. paramètres. Différents, exécutent différentes fonctions et renvoient des valeurs différentes, similaires à la surcharge de fonctions

2. Transmettez un paramètre, effectuez l'opération de lecture getter et renvoyez la valeur actuelle du paramètre, appelée : lecteur/get Device.

3. Passer deux paramètres, effectuer l'opération d'affectation setter, et modifier la valeur du paramètre courant, appelé : setter/modifier

4. Ce type d'opération est déterminé en fonction du nombre de paramètres Il existe de nombreuses méthodes de type dans jQuery, tout le monde doit faire attention à */

1 attr() : L'obtention et la définition des attributs d'un élément

doivent transmettre des paramètres

var res = $('img').attr()
Copier après la connexion
.

Un paramètre unique est à obtenir : la valeur de l'attribut actuel

var res = $('#pic').attr('src')
Copier après la connexion

Un paramètre double est à obtenir, le premier est le nom de l'attribut, le second est la nouvelle valeur à définir

$('#pic').attr('src', '../images/gyy.jpg') 
$('#pic').attr('style', 'border-radius: 50%;box-shadow:2px 2px 2px #888')
Copier après la connexion

Par On peut voir que attr() est une méthode typique deux-en-un qui combine lecteurs et setters

attr() peut obtenir les attributs personnalisés des éléments

En HTML5, vous pouvez transmettre data -Préfixez la valeur d'attribut des attributs définis par l'utilisateur

var res = $('#pic').attr('data-nation')
Copier après la connexion

attr() à la balise, et prend également en charge la fonction de rappel

$('#pic').attr('width', function(){return 100+50})
Copier après la connexion

Remarque : Le type numérique renvoyé par le rappel sera automatiquement converti en Le type de caractère est alors attribué à l'attribut width

var res = $('#pic').attr('width')
Copier après la connexion

2 removeAttr() : Supprime l'attribut de l'élément

Supprimer. l'attribut de style en ligne du style d'image

$('#pic').removeAttr('style')
Copier après la connexion

OK Supprimez plusieurs attributs, séparez plusieurs attributs par des espaces et renvoyez l'état de l'élément actuel

var res = $('#pic').removeAttr('alt title data-nation')
Copier après la connexion

Affichez les résultats en cours d'exécution sur 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!