Apakah kegunaan peta dalam jquery

WBOY
Lepaskan: 2022-03-16 15:07:27
asal
1845 orang telah melayarinya

Dalam jquery, kaedah map() digunakan untuk melaksanakan pemprosesan fungsi pada setiap elemen yang diperolehi Anda boleh menggunakan fungsi yang ditentukan untuk memproses setiap elemen dalam tatasusunan atau setiap atribut objek, dan merangkum hasil pemprosesan. . Kembalikan tatasusunan baharu, sintaksnya ialah "$.map (objek atau tatasusunan untuk diproses, fungsi pemprosesan yang ditentukan)".

Apakah kegunaan peta dalam jquery

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi jquery 1.10.2, komputer Dell G3.

Apakah kegunaan peta dalam jquery? menggunakan fungsi tertentu. Setiap elemen (atau setiap atribut objek) dalam objek, dan hasil pemprosesan dikapsulkan sebagai tatasusunan baru dan dikembalikan.

Sintaksnya ialah:

Jenis Tatasusunan objek/Objek menentukan tatasusunan atau objek yang perlu diproses.

panggilan balik Fungsi pemprosesan yang ditentukan mengikut jenis Fungsi.
$.map( object, callback )
Salin selepas log masuk

Contoh adalah seperti berikut:

Hasil keluaran:

<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>
Salin selepas log masuk

Tutorial video berkaitan yang disyorkan:

tutorial video jQueryApakah kegunaan peta dalam jquery

Atas ialah kandungan terperinci Apakah kegunaan peta dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan