Verwendung: 1. Wird verwendet, um Elemente über Funktionen an die Sammlung zu übergeben und neue jQuery-Objekte zu generieren. 2. Wird verwendet, um Elemente im Array zu verarbeiten und die Ergebnisse als A zu kapseln Wenn ein neues Array zurückgegeben wird, lautet die Syntax „$.map(Array oder Objekt, angegebene Funktion)“.
So können Sie schnell mit VUE3.0 beginnen: Geben Sie
die Betriebsumgebung dieses Tutorials ein: Windows 10-System, jquery3.2.1-Version, Dell G3-Computer.
1. Map() übergibt jedes Element über die Funktion an die aktuell passende Sammlung und generiert ein neues jQuery-Objekt, das den Rückgabewert enthält.
Syntax.map
(callback(index,domElement))
callback(index,domElement) Ein Funktionsobjekt, das für jedes Element in der aktuellen Sammlung aufgerufen wird.
Da es sich bei dem Rückgabewert um ein in jQuery gekapseltes Array handelt, verarbeiten Sie das zurückgegebene Objekt mit get(), um das zugrunde liegende Array abzurufen.
Ein Beispiel lautet wie folgt:
<!DOCTYPE html>
<html>
<Kopf>
<style>p { color:red; </style>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<Körper>
<p><b>Werte: </b></p>
<Formular>
<input type="text" name="name" value="John"/>
<input type="text" name="password" value="password"/>
<input type="text" name="url" value="http://php.cn/"/>
</form>
<Skript>
$("p").append( $("input").map(function(){
return $(this).val();
}).get().join(", ") );
</script>
</body>
</html> Ausgabeergebnisse:
2. Die Funktion $.map() wird verwendet, um jedes Element im Array (oder jedes Attribut des Objekts) mithilfe der angegebenen Funktion zu verarbeiten, das Verarbeitungsergebnis als neues Array zu kapseln und es zurückzugeben.
Vor jQuery 1.6 unterstützte diese Funktion nur das Durchlaufen von Arrays; ab 1.6 unterstützt diese Funktion auch das Durchlaufen von Objekten.
map() übergibt außerdem zwei Parameter an die Funktion: Einer ist der Element- oder Attributwert der aktuellen Iteration und der andere ist der Array-Index oder Objektattributname des aktuellen Iterationselements.
Der Rückgabewert dieser Funktion wird als Element im Ergebnisarray verwendet. Wenn der Rückgabewert null oder undefiniert ist, wird er nicht zum Ergebnisarray hinzugefügt.
$.map( object, callback )
object Array/Objekttyp gibt das Array oder Objekt an, das verarbeitet werden muss.
Die durch den Rückruffunktionstyp angegebene Verarbeitungsfunktion.
Ein Beispiel lautet wie folgt:
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="utf-8">
<title>123</title>
<Stil>
div { Farbe: Blau }
p { color:green; margin:0 }
span { color:red;
</style>
<script src="js/jquery.min.js"></script>
</head>
<Körper>
<div></div>
<p></p>
<span></span>
<Skript>
$(Funktion () {
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, Funktion (a) {
gib a + a zurück;
});
$("span").text(arr.join(", "));
})
</script>
</body>
</html> Ausgabeergebnisse:
Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial
Das Obige ist der detaillierte Inhalt der Verwendung von Map in JQuery. Weitere Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.
