الاستخدام: 1. يستخدم لتمرير العناصر إلى المجموعة من خلال الوظائف وإنشاء كائنات jQuery جديدة. بناء الجملة هو ".map(callback(index,domElement)"); تم إرجاع مصفوفة جديدة، وبناء الجملة هو "$.map(صفيف أو كائن، وظيفة محددة)".
كيفية البدء بسرعة باستخدام VUE3.0: أدخل
بيئة التشغيل لهذا البرنامج التعليمي: نظام Windows 10، إصدار jquery3.2.1، كمبيوتر Dell G3.
1. يقوم Map() بتمرير كل عنصر إلى المجموعة المطابقة الحالية من خلال الوظيفة وإنشاء كائن jQuery جديد يحتوي على القيمة المرجعة.
Syntax.map
(callback(index,domElement))
callback(index,domElement) كائن دالة يتم استدعاؤه لكل عنصر في المجموعة الحالية.
نظرًا لأن القيمة المرجعة عبارة عن مصفوفة مغلفة بـ jQuery، استخدم get() لمعالجة الكائن المرتجع للحصول على المصفوفة الأساسية.
المثال كالتالي:
<!DOCTYPE html>
<أتش تي أم أل>
<الرأس>
<style>p { اللون: أحمر </style>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</الرأس>
<الجسم>
<p><b>القيم: </b></p>
<النموذج>
<نوع الإدخال = "نص" اسم = "اسم" قيمة = "جون"/>
<نوع الإدخال = "نص" اسم = "كلمة المرور" القيمة = "كلمة المرور"/>
<نوع الإدخال = "نص" اسم = "URL" قيمة = "http://php.cn/"/>
</النموذج>
<النص البرمجي>
$("p").append( $("الإدخال").map(function(){
إرجاع $(this).val();
}).get().join("، ") );
</script>
</الجسم>
</html> نتائج الإخراج:
2. يتم استخدام الدالة $.map() لمعالجة كل عنصر في المصفوفة (أو كل سمة للكائن) باستخدام الوظيفة المحددة، وتغليف نتيجة المعالجة كمصفوفة جديدة وإعادتها.
قبل الإصدار 1.6 من jQuery، كانت هذه الدالة تدعم فقط اجتياز المصفوفات بدءًا من الإصدار 1.6، وكانت هذه الوظيفة تدعم أيضًا اجتياز الكائنات.
سوف يقوم Map() أيضًا بتمرير معلمتين إلى الوظيفة: أحدهما هو العنصر أو قيمة السمة للتكرار الحالي، والآخر هو فهرس المصفوفة أو اسم سمة الكائن لعنصر التكرار الحالي.
سيتم استخدام القيمة المرجعة لهذه الوظيفة كعنصر في مصفوفة النتائج. إذا كانت القيمة المرجعة فارغة أو غير محددة، فلن تتم إضافتها إلى مصفوفة النتائج.
كائن $.map(object, callback)
يحدد نوع الصفيف/الكائن المصفوفة أو الكائن الذي يحتاج إلى المعالجة.
وظيفة المعالجة المحددة بواسطة نوع وظيفة رد الاتصال.
المثال كالتالي:
<!DOCTYPE html>
<أتش تي أم أل>
<الرأس>
<ميتا محارف = "utf-8">
<العنوان>123</العنوان>
<نمط>
شعبة { اللون: أزرق }
ع { اللون: أخضر الهامش: 0 }
فترة { اللون: أحمر }
</نمط>
<script src="js/jquery.min.js"></script>
</الرأس>
<الجسم>
<ديف></ديف>
<p></p>
<سبان></سبان>
<النص البرمجي>
$(وظيفة () {
var arr = [ "a"، "b"، "c"، "d"، "e" ];
$("div").text(arr.join(", "));
آر = $.map(arr, function(n, i){
return (n.toUpperCase() + i);
});
$("p").text(arr.join(", "));
آر = $.map(arr، الوظيفة (أ) {
إرجاع أ + أ؛
});
$("span").text(arr.join(", "));
})
</script>
</الجسم>
</html> نتائج الإخراج:
دروس الفيديو ذات الصلة الموصى بها: فيديو تعليمي لـ jQuery
ما ورد أعلاه هو المحتوى التفصيلي لكيفية استخدام الخريطة في jquery. لمزيد من المعلومات، يرجى الانتباه إلى المقالات الأخرى ذات الصلة على موقع PHP الصيني!
