Rumah  >  Artikel  >  hujung hadapan web  >  Apakah kegunaan peta dalam jquery

Apakah kegunaan peta dalam jquery

WBOY
WBOYasal
2022-03-16 15:01:241831semak imbas

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 )

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>

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!

Kenyataan:
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