Utilisation : 1. Utilisé pour transmettre des éléments dans la collection via des fonctions et générer de nouveaux objets jQuery. La syntaxe est ".map(callback(index,domElement))" ; 2. Utilisé pour traiter les éléments du tableau et encapsuler les résultats sous forme de A. un nouveau tableau est renvoyé, la syntaxe est "$.map(tableau ou objet, fonction spécifiée)".
Comment démarrer rapidement avec VUE3.0 : Entrez dans
l'environnement d'exploitation de ce tutoriel : système Windows 10, version jquery3.2.1, ordinateur Dell G3.
1. map() transmet chaque élément à la collection correspondante actuelle via la fonction et génère un nouvel objet jQuery contenant la valeur de retour.
Syntaxe.map
(callback(index,domElement))
callback(index,domElement) Un objet fonction appelé pour chaque élément de la collection actuelle.
Puisque la valeur de retour est un tableau encapsulé par jQuery, utilisez get() pour traiter l'objet renvoyé afin d'obtenir le tableau sous-jacent.
Un exemple est le suivant :
<!DOCTYPE html>
<html>
<tête>
<style>p { couleur:rouge</style>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</tête>
<corps>
<p><b>Valeurs : </b></p>
<formulaire>
<input type="text" name="name" value="John"/>
<input type="text" name="password" value="password"/>
<input type="text" name="url" value="http://php.cn/"/>
</form>
<script>
$("p").append( $("input").map(function(){
return $(this).val();
}).get().join(", ") );
</script>
</corps>
</html> Résultats de sortie :
2. La fonction $.map() est utilisée pour traiter chaque élément du tableau (ou chaque attribut de l'objet) à l'aide de la fonction spécifiée, et encapsule le résultat du traitement sous forme d'un nouveau tableau et le renvoie.
Avant jQuery 1.6, cette fonction ne prenait en charge que le parcours des tableaux ; à partir de la version 1.6, cette fonction prend également en charge le parcours des objets.
map() transmettra également deux paramètres à la fonction : l'un est la valeur de l'élément ou de l'attribut de l'itération en cours, et l'autre est l'index du tableau ou le nom de l'attribut d'objet de l'élément d'itération en cours.
La valeur de retour de cette fonction sera utilisée comme élément dans le tableau de résultats. Si la valeur de retour est nulle ou indéfinie, elle ne sera pas ajoutée au tableau de résultats.
$.map( object, callback )
object Le type Array/Object spécifie le tableau ou l'objet qui doit être traité.
Fonction de traitement spécifiée par le type de fonction de rappel.
Un exemple est le suivant :
<!DOCTYPE html>
<html>
<tête>
<méta charset="utf-8">
<titre>123</titre>
<style>
div { couleur: bleu }
p { couleur : vert ; marge : 0 ;
span { couleur: rouge }
</style>
<script src="js/jquery.min.js"></script>
</tête>
<corps>
<div></div>
<p></p>
<span></span>
<script>
$(fonction () {
var arr = [ "a", "b", "c", "d", "e" ];
$("div").text(arr.join(", "));
arr = $.map(arr, fonction(n, je){
return (n.toUpperCase() + i);
});
$("p").text(arr.join(", "));
arr = $.map(arr, fonction (a) {
renvoyer un + un ;
});
$("span").text(arr.join(", "));
})
</script>
</corps>
</html> Résultats de sortie :
Tutoriels vidéo associés recommandés : Tutoriel vidéo jQuery
Ce qui précède est le contenu détaillé de la façon dont la carte est utilisée dans jquery. Pour plus d'informations, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !
