Использование: 1. Используется для передачи элементов в коллекцию с помощью функций и создания новых объектов jQuery. Синтаксис: «.map(callback(index,domElement))» 2. Используется для обработки элементов в массиве и инкапсуляции результатов в виде A; возвращается новый массив, синтаксис: «$.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>
<html>
<голова>
<стиль>p { цвет:красный </style>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</голова>
<тело>
<p><b>Значения: </b></p>
<форма>
<input type="text" name="name" value="John"/>
<input type="text" name="password" value="password"/>
<input type="text" name="url" value="http://php.cn/"/>
</форма>
<скрипт>
$("p").append( $("input").map(function(){
вернуть $(this).val();
}).get().join(", ") );
</скрипт>
</тело>
</html> Результаты вывода:
2. Функция $.map() используется для обработки каждого элемента массива (или каждого атрибута объекта) с помощью указанной функции, инкапсулирует результат обработки в новый массив и возвращает его.
До версии jQuery 1.6 эта функция поддерживала только обход массивов, начиная с версии 1.6, эта функция также поддерживает обход объектов;
Map() также передаст в функцию два параметра: один — это значение элемента или атрибута текущей итерации, а другой — индекс массива или имя атрибута объекта текущего элемента итерации.
Возвращаемое значение этой функции будет использоваться как элемент массива результатов. Если возвращаемое значение равно нулю или неопределенно, оно не будет добавлено в массив результатов.
$.map(object, callback)
object Тип массива/объекта указывает массив или объект, который необходимо обработать.
Функция обработки, указанная типом функции обратного вызова.
Пример следующий:
<!DOCTYPE html>
<html>
<голова>
<мета-кодировка="utf-8">
<title>123</title>
<стиль>
div {цвет: синий}
р {цвет: зеленый; маржа: 0;
диапазон {цвет: красный}
</стиль>
<script src="js/jquery.min.js"></script>
</голова>
<тело>
<div></div>
<p></p>
<span></span>
<скрипт>
$(функция () {
var arr = [ "a", "b", "c", "d", "e"];
$("div").text(arr.join(", "));
arr = $.map(arr, function(n, i){
возврат (n.toUpperCase() + я);
});
$("p").text(arr.join(", "));
arr = $.map(arr, function (a) {
вернуть + а;
});
$("span").text(arr.join(", "));
})
</скрипт>
</тело>
</html> Результаты вывода:
Рекомендуемые соответствующие видеоуроки: Видеоруководство по jQuery
Выше приведено подробное описание использования карты в jquery. Для получения дополнительной информации обратите внимание на другие соответствующие статьи на китайском веб-сайте PHP!
