Uso: 1. Usado para passar elementos para a coleção por meio de funções e gerar novos objetos jQuery. A sintaxe é ".map(callback(index,domElement))"; novo array é retornado, a sintaxe é "$.map(array ou objeto, função especificada)".
Como começar rapidamente com VUE3.0: Entre
no ambiente operacional deste tutorial: sistema Windows 10, versão jquery3.2.1, computador Dell G3.
1. map() passa cada elemento para a coleção correspondente atual por meio da função e gera um novo objeto jQuery contendo o valor de retorno.
Sintaxe.map
(callback(index,domElement))
callback(index,domElement) Um objeto de função chamado para cada elemento na coleção atual.
Como o valor de retorno é um array encapsulado em jQuery, use get() para processar o objeto retornado para obter o array subjacente.
Um exemplo é o seguinte:
<!DOCTYPE html>
<html>
<cabeça>
<style>p { cor:vermelho }</style>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<corpo>
<p><b>Valores: </b></p>
<formulário>
<input type="text" name="name" value="John"/>
<input type="text" name="senha" valor="senha"/>
<input type="text" name="url" value="http://php.cn/"/>
</form>
<roteiro>
$("p").append( $("entrada").map(função(){
retornar $(este).val();
}).get().join(", ") );
</script>
</body>
</html> Resultados de saída:
2. A função $.map() é usada para processar cada elemento do array (ou cada atributo do objeto) usando a função especificada e encapsula o resultado do processamento como um novo array e o retorna.
Antes do jQuery 1.6, esta função suportava apenas a passagem de matrizes a partir de 1.6, esta função também suporta a passagem de objetos;
map() também passará dois parâmetros para a função: um é o elemento ou valor do atributo da iteração atual e o outro é o índice da matriz ou nome do atributo do objeto do item da iteração atual.
O valor de retorno desta função será usado como um elemento na matriz de resultados. Se o valor de retorno for nulo ou indefinido, ele não será adicionado à matriz de resultados.
$.map( object, callback )
object Array/Object type especifica o array ou objeto que precisa ser processado.
A função de processamento especificada pelo tipo Function de retorno de chamada.
Um exemplo é o seguinte:
<!DOCTYPE html>
<html>
<cabeça>
<meta charset="utf-8">
<título>123</título>
<estilo>
div { cor: azul }
p {cor:verde;margem:0}
span {cor:vermelho}
</estilo>
<script src="js/jquery.min.js"></script>
</head>
<corpo>
<div></div>
<p></p>
<span></span>
<roteiro>
$(função(){
var arr = ["a", "b", "c", "d", "e"];
$("div").text(arr.join(", "));
arr = $.map(arr, function(n, i){
retornar (n.toUpperCase() + i);
});
$("p").text(arr.join(", "));
arr = $.map(arr, função (a) {
retornar a + a;
});
$("span").text(arr.join(", "));
})
</script>
</body>
</html> Resultados de saída:
Tutoriais em vídeo relacionados recomendados: tutorial em vídeo jQuery
O conteúdo acima é o conteúdo detalhado de como o mapa é usado no jquery. Para obter mais informações, preste atenção a outros artigos relacionados no site PHP chinês!
