Maison  >  Article  >  interface Web  >  Quelle est l'utilisation de la carte dans jquery

Quelle est l'utilisation de la carte dans jquery

WBOY
WBOYoriginal
2022-03-16 15:01:241831parcourir

Dans jquery, la méthode map() est utilisée pour effectuer un traitement de fonction sur chaque élément obtenu. Vous pouvez utiliser la fonction spécifiée pour traiter chaque élément du tableau ou chaque attribut de l'objet, et encapsuler le résultat du traitement dans un nouveau tableau. . Renvoie, la syntaxe est "$.map (objet ou tableau à traiter, fonction de traitement spécifiée)".

Quelle est l'utilisation de la carte dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows 10, jquery version 1.10.2, ordinateur Dell G3.

À quoi sert map dans jquery

Il est généralement utilisé pour effectuer un traitement de fonction sur chaque élément obtenu

La fonction $.map() est utilisée pour utiliser la fonction spécifiée pour traiter chaque élément du tableau (ou chaque attribut de l'objet), et encapsule le résultat du traitement sous forme d'un nouveau tableau et le renvoie.

La syntaxe est la suivante :

$.map( object, callback )

object Le type Array/Object spécifie le tableau ou l'objet qui doit être traité.

callback La fonction de traitement spécifiée par Type de fonction.

L'exemple est le suivant :

<html>
<head>
<meta charset="utf-8">
<title>123</title>  
<style>
    div { color:blue; }
    p { color:green; margin:0; }
    span { color:red; }
</style>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<div></div>
<p></p>
<span></span>
<script>
$(function () { 
    var arr = [ "a", "b", "c", "d", "e" ];
    $("div").text(arr.join(", "));
    arr = $.map(arr, function(n, i){
        return (n.toUpperCase() + i);
    });
    $("p").text(arr.join(", "));
    arr = $.map(arr, function (a) {
        return a + a;
    });
    $("span").text(arr.join(", "));
})
</script>
 
</body>
</html>

Résultat de sortie :

Quelle est lutilisation de la carte dans jquery

Recommandation de didacticiel vidéo associé : 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!

Déclaration:
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