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

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

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

var res = $('#pic').attr('src')

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

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

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

$('#pic').attr('width', function(){return 100+50})

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

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

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

$('#pic').removeAttr('style')

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

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