Uso: 1. Se utiliza para pasar elementos a la colección a través de funciones y generar nuevos objetos jQuery. La sintaxis es ".map(callback(index,domElement))" 2. Se utiliza para procesar elementos en la matriz y encapsular los resultados como A. Se devuelve una nueva matriz, la sintaxis es "$.map(matriz u objeto, función especificada)".
Cómo comenzar rápidamente con VUE3.0: Ingrese
al entorno operativo de este tutorial: sistema Windows 10, versión jquery3.2.1, computadora Dell G3.
1. map() pasa cada elemento a la colección coincidente actual a través de la función y genera un nuevo objeto jQuery que contiene el valor de retorno.
Syntax.map
(callback(index,domElement))
callback(index,domElement) Un objeto de función llamado para cada elemento de la colección actual.
Dado que el valor de retorno es una matriz encapsulada en jQuery, use get() para procesar el objeto devuelto y obtener la matriz subyacente.
Un ejemplo es el siguiente:
<!DOCTYPE html>
<html>
<cabeza>
<estilo>p { color:rojo }</estilo>
<script tipo="text/javascript" src="/jquery/jquery.js"></script>
</cabeza>
<cuerpo>
<p><b>Valores: </b></p>
<formulario>
<tipo de entrada="texto" nombre="nombre" valor="Juan"/>
<tipo de entrada="texto" nombre="contraseña" valor="contraseña"/>
<tipo de entrada="texto" nombre="url" valor="http://php.cn/"/>
</formulario>
<guión>
$("p").append( $("entrada").map(función(){
return $(esto).val();
}).get().join(", ") );
</script>
</cuerpo>
</html> Resultados de salida:
2. La función $.map() se usa para procesar cada elemento de la matriz (o cada atributo del objeto) usando la función especificada, encapsula el resultado del procesamiento como una nueva matriz y lo devuelve.
Antes de jQuery 1.6, esta función solo admitía atravesar matrices; a partir de 1.6, esta función también admite atravesar objetos.
map() también pasará dos parámetros a la función: uno es el elemento o valor del atributo de la iteración actual, y el otro es el índice de matriz o el nombre del atributo del objeto del elemento de la iteración actual.
El valor de retorno de esta función se utilizará como un elemento en la matriz de resultados. Si el valor de retorno es nulo o no está definido, no se agregará a la matriz de resultados.
$.map(objeto, devolución de llamada)
objeto Matriz/tipo de objeto especifica la matriz u objeto que debe procesarse.
La función de procesamiento especificada por el tipo de función de devolución de llamada.
Un ejemplo es el siguiente:
<!DOCTYPE html>
<html>
<cabeza>
<meta juego de caracteres="utf-8">
<título>123</título>
<estilo>
div {color:azul}
pag {color:verde; margen:0;
abarcar { color: rojo }
</estilo>
<script src="js/jquery.min.js"></script>
</cabeza>
<cuerpo>
<div></div>
<p></p>
<span></span>
<guión>
$(función () {
var arr = [ "a", "b", "c", "d", "e" ];
$("div").text(arr.join(", "));
arr = $.map(arr, función(n, i){
retorno (n.toUpperCase() + i);
});
$("p").text(arr.join(", "));
arr = $.map(arr, función (a) {
devolver a + a;
});
$("span").text(arr.join(", "));
})
</script>
</cuerpo>
</html> Resultados de salida:
Video tutoriales relacionados recomendados: video tutorial de jQuery
Lo anterior es el contenido detallado de cómo se usa el mapa en jquery. Para obtener más información, preste atención a otros artículos relacionados en el sitio web chino de PHP.
