Виталий Инчин ☢

Если расставлять события на каждый элемент, они будут пораждать все больше и больше всплытий/погружений (да еще и внутри-jQuery-ных), что немного напрягает браузер. Еще надо учитывать, что на пути могут встретится stopPropagation, preventDefault и тому подобные заклинания.

Именно по этому самым хорошим и добрым способом обработки событий является установка единственного обработчика на один из элементов-родителей.

$(document).on(event, selector, function);

Но вот понимаете, в чем загвоздка. При подобной записи назначенные обработчики сработают в порядке их установки, а не в том порядке, что элементы находятся в DOM. Т.е. мы лишаемся всплытия и погружения совсем, используя данный ход.

Так что, выбирать необходимо по ситуации и только. Если бы был лучший способ, других бы не было.

------------------------
А если речь идет о коренной разнице между предложенными вами вариантами, то тут все просто - первый и третий установят обработчик на все существующие элементы под указанным селектором. Если появится новый такой - обработчика на нем не будет.

Засуньте массивы в отдельные JSON-файлы или храните в БД!

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

А уже через JavaScript не составит проблем это все распарсить.

$('[name^=iCheck_]').on('ifClicked', function (e) {
     e.preventDefault();
     $(this).closest(".col-md-4").find('.down_goods').hide();
      $("#good-"+$(this).val()).show(
 });

Можно так.

Забыл уточнить, JS-код в стартовом посте — активация чекбокса при клике на любое место в строке

Вот так, и никакой jQuery.

Так вы сначала получаете набор элементов с селектором body, потом из него исключаете все ul, содержащие указанный класс.

Может быть, есть способ проще, но мне на ум приходит:

$('body').on('click', function(e){
   if(!$(e.target).closest(".authorized-user li ul").length){
     //Выполняем функцию
   }
});

Консоль для Firefox Mobile: пойдет?

Банальная проблема.
Используйте прелоадеры или просто:

body{
   opacity: 0;
   transition: opacity 1s;
}

window.addEventListener("load", function(){
    document.body.style.opacity = 1;
});

Нужно код писать. Основной принцип структуры HTML:

<core>
  <winder>
       <img><img><img>
  </winder>
</core>

Где core - видимая часть, в ней показываются слайды.

winder имеет ширину в триллион пикселей,чтобы картинки не перескакивали на новую строку. Ключевой элемент, благодаря смене позиции которого, появляется сам эффект слайдера.

img- картинки.

--------------»

Но, думаю, вам проще будет скачать jQuery плагин по созданию слайдеров: Из кладези слайдеров

Разумеется, на example2.com, это же логично.

Вы подключили скрипт - кусок кода, файл и браузер, зайдя на ваш сайт, выполняет его. То, что js-файлик находится на стороннем домене, роли не играет, вы просто указываете браузеру, что код нужно выдрать оттуда, не более того.

А ограничение сработает при попытке запроса из самого скрипта на сторонний домен, это уже отдельная тема.

Совершенно верно.

Ну как-то так.

Что надо сделать

Прочитать про ключевое слово this и научиться с ним работать.

В вашем коде при каком-либо действии затрагиваются все элементы сразу, к примеру, вы пишите:

option.each(function(i, item){
   list.append('<li>' + $(item).text() + '</li>');
});

И этот код добавит всем элементам .list все элементы option, какие только есть на странице. А на самом деле, у каждого .select свой лист и опции и работать с ними нужно отдельно.

Еще интересные строки:

//Установит всем .selected на странице значение первого select'a
selected.text(select.val());

//Если первый .selected на странице имеет класс focus, скрыть все существующие списки 
container.click(function(){
		if(selected.hasClass('focus')){
			list.slideUp(300, function(){
				selected.removeClass('focus');
			});
			return;
		};

		list.slideDown(300);
		selected.addClass('focus');
	});

UPD: А скрывать списки по нажатию куда-то вне них можно так

$(document).click(function(e) {
        $(e.target).closest(".select").length||
              $(".focus").removeClass("focus")
                    .next(".list").slideUp(300);
});

[].forEach.call(document.querySelector("#table tr"), function(v){
   v.appendChild(document.createElement("td"));
});

Или
$("#table tr").append("<td></td>");

Конечно же не работает - обработчиков то нет.

//Перебираются все элементы с данным селектором и им устанавливается обработчик. 
//Соответственно, если элемент загрузится позже, он будет без обработчика
 $('.show-form').click(function(){});

//Отлавливается просто клик на странице, 
//если целевой элемент удовлетворяет селектору, вызывается обработчик.
$(document).on("click", ".show-form", function(){});