Как работает этот код

Добрый день, извините сразу, если мой вопрос "детский"

есть скрипт, отбирающий все отмеченные флажком значения чекбоксов и помещающая их в один массив.

если можно объясните пожалуйста для чайников как он работает.

я понимаю например как работает:
есть первый массив, создается второй массив который получается преобразованием первого с помощью метода map в скобках которого указана преобразующая функция.
Тут вроде бы все наглядно.




Но вот в коде для отбора чекбоксов (который прописан в начале сообщения), я не до конца понимаю как он устроен.

1. Создали глобальную переменную vid. Почему сразу не объявили ее как массив vid() ?
2. Понимаю когда пишут $(...).onclick, $(...).onload(function() { ... });
но вот такую запись не встречал .on("click", function()
Это принятое сокращение? подскажите пожалуйста где об этом можно почитать?

3.vid = $.map - что в данном случае находится в $? если брать по примеру то там должен находится массив из отобранных значений чекбоксов?

4.map( $(":checkbox:checked"), function(el){ return $(el).val(); } );

вроде бы обычно в скобках метода map(.....) прописывается только функция - а тут еще $(":checkbox:checked").
здесь прописано как я понимаю взять все отмеченные значения чекбоксов а далее через запятую функция которая берет каждый элемент и возвращает его. Куда и зачем? и символы el - они общепринятые или просто назвали так в данном конкретном случае, и могли назвать как угодно
.val() - правильно я понимаю, что используется только при работе с формами? то есть $(el) - сам элемент, а $(el).val() - значение этого элемента.

Извините, если вопрос недостаточно "высок". Пытаюсь разобраться в js

0

Вы смешали JS и JQ.
JS - JavaScript - язык программирования, исполняемый браузером.
JQ - jQuery - подключаемая библиотека, расширяющая JavaScript и упрощающая работу с ним. jQuery написан на языке JavaScript. При подключении этой библиотеки, у вас объявляется переменная jQuery или её псевдоним - знак доллара ($). То есть объект $ содержит множество методов, в том числе $.map(), $.on(), $.click() (то же, что и jQuery.map(), jQuery.on(), jQuery.click()) и множество других.
Функции $.map() и Array.prototype.map() - разные функции.

Сообщение от antlantis 1. Создали глобальную переменную vid. Почему сразу не объявили ее как массив vid() ?

Так захотели. И массив кстати объявляется не так.

Сообщение от antlantis 2. Понимаю когда пишут $(...).onclick, $(...).onload(function() { ... });

Функции $.onclick() не существует. В jQuery есть методы $.click() или $.on()

Сообщение от antlantis 3.vid = $.map - что в данном случае находится в $?

Как уже сказано выше, $ - это объект jQuery, содержащий в себе метод map() и другие.

Сообщение от antlantis 4.map( $(":checkbox:checked"), function(el){ return $(el).val(); } );

О функции jQuery() и вообще о библиотеке в целом читайте по ссылке ниже:

http://jquery.com/

1

Balanaar, спасибо Вам большое!!!

0